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. mysql join on and

    2018-6-4 10:28:50 星期一 开发中一直在用 left join, 心中只有一丝丝的了解, 还都是学校里学的, 今天看了几遍文章这里记录一下 sql的left join .right j ...

  2. php 两变量值互换 方法

    //方法一:$a ="abc";$b="def"; $a = $a^$b;$b = $b^$a;$a = $a^$b; //方法二:list($a, $b)= ...

  3. Python-选择器Xpath,Css,Re

    正则表达式(特殊字符) ^ 开头 '^b.*'----以b开头的任意字符 $ 结尾 '^b.*3$'----以b开头,3结尾的任意字符 * 任意长度(次数),≥0 ? 非贪婪模式,非贪婪模式尽可能少的 ...

  4. Python-Django 模板层

    1 模版简介 DTL:django模板语言 核心: 变量 {{ }} 标签 {% %} 2 模版语法之变量 -变量渲染:{{变量}} -变量深度查询:{{变量.索引/key值/方法}} <h2& ...

  5. Cookie 判断页面是否为第一次打开 包括刷新

    $.cookie = function(e, t, n) { if(arguments.length > 1 && (!/Object/.test(Object.prototyp ...

  6. （转）Vue种key的作用

    https://blog.csdn.net/qq_41861679/article/details/80659278 https://cn.vuejs.org/v2/api/#key 其实不只是vue ...

  7. Linux 出现telnet: 127.0.0.1: Connection refused错误解决办法

    Linux 出现telnet: connect to address 127.0.0.1: Connection refused错误解决办法 没有xinetd服务: 1./etc/init.d目录中放 ...

  8. 02-Django基础知识

    一.内容回顾 1.web应用程序 2.HTTP协议 a.http协议特性 b.http请求格式 c.http响应格式 3.wsgiref模块 4.Django下载与简单应用 a.Django简介(MT ...

  9. 编辑技巧分享如何给PDF添加注释

    纸质的文件想要添加注释就直接拿笔在上面添加就好了,那么电子文件要怎么添加注释呢,今天小编就以我们现在经常使用到的PDF文档来为大家分享怎么添加注释.   1. 我们需要在百度中搜索并下载并安装一款PD ...

  10. windows下的node环境搭建

    node环境的搭建过程: 1.首先在nodejs.org官网上下载一个msi安装文件,安装(过程很简单,基本上是一路next) 2.安装完成后,简单测试下是否安装成功,在cmd下输入两个命令: nod ...