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. pl/sql学习(5): 触发器trigger/事务和锁

    (一)触发器简单介绍 触发器是由数据库的特定时间来触发的, 特定事件主要包括以下几种类型: (1)DML: insert, update,delete 增删改 (2)DDL: create, alte ...

  2. Allegro PCB Design GXL (legacy) 设置自动保存brd文件

    Allegro PCB Design GXL (legacy) version 16.6-2015 菜单Setup > User Preferences... 在User Preferences ...

  3. 剑指offer字符串1

    面试题5:替换空格 请实现一个函数,将一个字符串中的每个空格替换成“%20”.例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy. class Solu ...

  4. [原创]基于Zynq Linux环境搭建(三)

    此篇编译Kernel 解压: [#17#17:26:56 FPGADeveloper@ubuntu ~/Zybo_Demo]$tar zxvf *.tar.gz 进入到文件kernel文件夹中,cle ...

  5. Java 实现视频下载功能

    public static boolean httpDownload(String httpUrl, String saveFile) { // 1.下载网络文件 int byteRead; URL ...

  6. Git permission denied(public key) 解决方法

    1. 在Linux上: # ssh-keygen       ##一定用 id_rsa.pub # cat /root/.ssh/id_rsa.pub 2. copy 整个文件内容到剪切板 3. 打开 ...

  7. Python3面向对象—点和矩形类

    Python类练习 定义一个类 class Point: '''二维坐标系中代表一个点''' pass print('打印Point:{}'.format(Point)) p1 = Point() p ...

  8. php实现根据字符串生成对应数组的方法

    先看看如下示例: <?php $config = array( 'project|page|index' => 'content', 'project|page|nav' => ar ...

  9. JavaScript（六）

    定时器 定时器在javascript中的作用1.制作动画2.异步操作3.函数缓冲与节流 定时器类型及语法 /* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行 ...

  10. dagger２ 依赖注入

    前言: 当 mvp + dagger2 + rxjava 三者遇上,架构更加清晰,代码更加灵活,巧妙结合. 依赖注入:是为了解耦,达到高内聚低耦合的目的,保证代码的健壮性.灵活性和可维护性. publ ...