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. Python爬虫基础之认识爬虫

    一.前言 爬虫Spider什么的,老早就听别人说过,感觉挺高大上的东西,爬网页,爬链接~~~dos黑屏的数据刷刷刷不断地往上冒,看着就爽,漂亮的校花照片,音乐网站的歌曲,笑话.段子应有尽有,全部都过来 ...

  2. 【原创】大数据基础之Hadoop（3）yarn数据收集与监控

    yarn常用rest api 1 metrics # curl http://localhost:8088/ws/v1/cluster/metrics The cluster metrics reso ...

  3. 解决 Composer-Setup.exe 安装过程中的报错

    问题 在 Windows 7 执行 Composer-Setup.exe 以安装 Composer 过程中 上图中点击[Next]时,出现如下报错信息 原因分析 由上述提示信息,可推测两方面原因: 1 ...

  4. c4b和c4f的区别

    1. cc.c4b的参数直接填rgba的值. 2 .cc.c4f(r,g,b,透明度),把rgb值填进去,会发现颜色不对,需要把rgb值除以255,所以最终转换公式是: cc.c3b(r,g,b) = ...

  5. vue组件，通过props父组件给子组件传值，WTF, 子组件报错undefined???

    如果是正常操作,找了半天又找不到为什么undefined, 那很可能是props的命名出了问题: 不要用小驼峰式命名 例如这种childrenData 这种形式就会报错undefined  请尽量用全 ...

  6. SpringBoot系列三：SpringBoot自定义Starter

    在前面两章 SpringBoot入门 .SpringBoot自动配置原理 的学习后,我们对如何创建一个 SpringBoot 项目.SpringBoot 的运行原理以及自动配置等都有了一定的了解.如果 ...

  7. Emacs Org-mode 3 表格

    Org 使用内置的表格编辑器.可以进行简单的表格编写和计算. Org中的表格 第一个非空字符“|” 视为表格的起始位置,后面的“|” 视为字段分隔符. 3.1 生成表格 编写表格时,可以将字段先写好, ...

  8. Azure Database for MySQL 报 Please specify SSL options and retry.

    Exception has been thrown by the aspect of an invocation. ---> Authentication to host 'xxx.mysql. ...

  9. log4net可视化查询

    转自:https://www.cnblogs.com/huangxincheng/p/9120028.html 小步快跑的公司可以最简化操作直接通过log4net将日志写入ElasticSearch ...

  10. Elasticsearch大规模时序索引如何治理和规划

    什么是时序索引? 其主要特点体现在两个方面, 一存,以时间为轴,数据只有增加,没有变更,并且必须包含timestamp(日期时间,名称随意)字段,其作用和意义要大于数据的id字段,常见的数据比如我们通 ...