1.在"test"数据库中,建立一张名为"user"的表.

sql语句:

 create table `user`(

 `id` int(5) not null auto_increment primary key,

 `username` varchar(10) not null,

 `password` varchar(12) not null,

 `email` varchar(50) not null

 );

2.新建register.html文件

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

     <title>Document</title>

     <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

     <script type = "text/javascript">

         $(document).ready(function(){

             $(".register input:first").blur(function(){

                 $.ajax({

                     type: "post",

                     url: "register.php",

                     data: "username=" + $(".register input:first").val(),

                     success: function(msg) {

                         $("#userinfo").html(msg);

                     }

                 });

             });

         });

     </script>

     <style type="text/css">

         *{margin:0px;padding:0px;}

         .register{width:550px;height:250px;padding:25px;margin:200px auto;border:2px solid #7aba5f;}

         .display {width:350px;height:60px;float:left;margin-right:20px;}

         .reginfo {width:150px;height:60px;float:left;margin-right:20px;color:#999999;font-size:13px;line-height:30px;}

         .register input{width:300px;height:30px;border:1px solid #7aba5f;}

         .register input.submit{width:100px;height:40px;color:white;font-size:16px;background:#7aba5f;border:none;margin-top:30px;margin-left:150px;}

     </style>

 </head>

 <body>

     <div class="register">

     <div class="display">

     账号:<input type="text" name="username"  />

     </div>

     <div class="reginfo" id="userinfo">

     请输入您的账号.

     </div>

     <div class="display">

     密码:<input type="password" name="password" />

     </div>

     <div class="reginfo">

     请输入您的密码.

     </div>

     <div class="display">

     邮箱:<input type="text" name="email"  />

     </div>

     <div class="reginfo">

     请输入您的邮箱.

     </div>

     <input type="submit" name="submit" size="30" value="注册" class="submit" />

     </div>

 </body>

 </html>

3.新建register.php文件

 <?php

     $username = $_POST['username'];

     if (!empty($username)) {

     mysql_connect("127.0.0.1", "root", "");

     mysql_select_db("test");

     $sql = "SELECT `username` FROM `user` WHERE `username` = '$username' LIMIT 1";

     $re = mysql_query($sql);

     while ($row = mysql_fetch_assoc($re)) {

     $temp = $row;

     }

     if (empty($temp)) {

     echo "<font color=green style='font-size:16px;'><b>恭喜,可以注册!</b></font>";

     } else {

     echo "<font color=red style='font-size:16px;'><b>抱歉,无法注册!</b></font>";

     }

     } else {

     echo "<font color=red style='font-size:16px;'><b>请输入您的账号.</b></font>";

     }             

 ?>

ajax php 验证注册用户名是否存在的更多相关文章

  1. PHP+Ajax 异步通讯注册验证

    HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  2. 总结Ajax验证注册功能的两种方式

    方法一:使用jqueryForm插件提交表单注册 ①首先引入jquery和jqueryForm插件 <script type="text/javascript" src=&q ...

  3. ajax实现注册用户名时动态显示用户名是否已经被注册（1、ajax可以实现我们常见的注册用户名动态判断）（2、jquery里面的ajax也是类似我们这样封装了的函数）

    ajax实现注册用户名时动态显示用户名是否已经被注册(1.ajax可以实现我们常见的注册用户名动态判断)(2.jquery里面的ajax也是类似我们这样封装了的函数) 一.总结 1.ajax可以实现我 ...

  4. Ajax案例-基于HTML，以GET或POST方式，检查注册用户名是否在数据库中已存在

    08_register.jsp <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTY ...

  5. 表单验证:$tablePrefix（定义表前缀）;$trueTableName = 'yonghu',找到真实表名(yonghu)表;create($attr,0)两个参数;批量验证(返回数组);ajax+动态验证表单

    *$tablePrefix是定义在Model中的,优先级大于配置文件中,如果项目中表前缀全部比如为"a_",并且在配置文件中定义了 'DB_PREFIX'=>'a_' 后期如 ...

  6. 28)django-form+ajax实现验证

    form+ajax实现验证 #obj.errors返回的是ErrorDict,不是字典(虽然继承字典) #obj.errors.as_json() 返回的字符串(前端要连续反解两次) #obj.err ...

  7. spring--mvc用戶注册用户名验重

    spring--mvc用戶注册用户名验重 注册是验证用户名是否重复.post方法,当表单的用户名文本框失去焦点时,由ajax方法指定,进行@RequestMapping指定的url提交时调用的方法. ...

  8. Django【第23篇】：利用Form组件和ajax实现的注册

    利用Form组件和ajax实现的注册 一.注册相关的知识点 1.Form组件 我们一般写Form的时候都是把它写在views视图里面,那么他和我们的视图函数也不影响,我们可以吧它单另拿出来,在应用下面 ...

  9. Django项目：CRM(客户关系管理系统)--51--42PerfectCRM实现AJAX全局账号注册

    #urls.py """PerfectCRM URL Configuration The `urlpatterns` list routes URLs to views. ...

随机推荐

  1. activiti 涉及的内容

    1 JAVA 委派模式(Delegate) https://blog.csdn.net/mayaofr/article/details/52082665 2 Activiti中的activiti:ex ...

  2. Mac 安装JRE 1.8

    最近使用React Native,运行android版本时,需要jre 1.8,但是用oracle 的安装文件安装完毕后,在控制台java -version输出的还是 1.7版本.发现是环境变量没配对 ...

  3. Java框架之spring框架的优点，为什么要学习spring框架

    为什么要学习Spring的框架a: 方便解耦,简化开发    Spring就是一个大工厂,可以将所有对象创建和依赖关系维护,交给Spring管理 b:AOP编程的支持      Spring提供面向切 ...

  4. 微信小程序：将中文语音直接转化成英文语音

    作者:瘟小驹    文章来源<微信小程序个人开发全过程> 准备工作: 准备工具:Eclipse.FileZilla.微信开发者工具.一个配置好SSL证书(https)的有域名的服务器 所需 ...

  5. 【异常处理】Java异常如何做异常处理

    类似SpringMVC项目的异常处理可以这样做: 整个项目创建全局的: 1.一个自定义异常如OneException和错误码,统一封装所有异常. 2.一个返回实体类ResponseEntity,包含返 ...

  6. 此主机支持Intel VT-x，但Intel VT-x处于禁用状态

    原因:未开启虚拟化技术 解决方法:https://www.cnblogs.com/jiefu/p/10711955.html

  7. python中关于变量名失效的案例

    案例一:传参动态导入模块. selectModule = input("please input your module name") app_name = input(" ...

  8. Mongodb字段自增长

    MongoClient client = new MongoClient("mongodb://xxx.xxx.x.xx:27017"); var mongServer = cli ...

  9. 推荐常用的移动端、PC端、小程序的UI框架

    1.移动端UI库 ①.Vant UI 官方地址:https://youzan.github.io/vant/#/zh-CN/intro github地址:https://github.com/youz ...

  10. Hadoop Yarn 框架原理及运作机制及与MapReduce比较

    Hadoop 和 MRv1 简单介绍 Hadoop 集群可从单一节点(其中所有 Hadoop 实体都在同一个节点上运行)扩展到数千个节点(其中的功能分散在各个节点之间,以增加并行处理活动).图 1 演 ...