注册账号的验证

在注册账号的时候大家都应该经历过再起用户名的时候会出现该用户名已被注册的提示，

那么怎么实现的呢

	<input type="text" class="form-control"  placeholder="请输入用户名" id="uid" /><span id="tishi"></span>

　　这是注册的用户名

当用户名已被注册的时候就会出现

我们再试试其他的

这样就可以了

我们来看看怎么实现的

代码如下：

$("#uid").blur(function(){
		//取数据
	var uid = $(this).val();

		//取数据库进行匹配
       $.ajax({
		   		url:"jiance-cl.php",
			    data:{uid:uid},
				type:"POST",
				dataType:"TEXT",
				success: function(data){
						if(data.trim()=="OK")
						{
							$("#tishi").html("该用户名可用");
							$("#tishi").css("color","green");
						}
						else
						{
							$("#tishi").html("该用户名不可用!");
							$("#tishi").css("color","red");
						}
					}
		   })
	})

　再就是处理页面：

<?php
$uid = $_POST["uid"];
require "DBDA.class.php";
$db = new DBDA();
$sql="select count(*) from users where uid=‘{$uid}‘";
$arr=$db->query($sql);
if($arr[0][0])
{
	echo "NO";
}
else
{
	echo "OK";
}

这样就可以了。　　

还有就是两次密码的重复输入

代码如下：

<input type="password" class="form-control"  placeholder="请输入密码" id="pwd" />
<input type="password" class="form-control"  placeholder="请再次输入密码" id="pwd1" onkeyup="validate()" /><span id="tishi1"></span>

function validate() {
                  var pwd1 = document.getElementById("pwd").value;
                  var pwd2 = document.getElementById("pwd1").value;

    		<!-- 对比两次输入的密码 -->
                  if(pwd1 == pwd2) {
                      document.getElementById("tishi1").innerHTML="<font color=‘green‘>两次密码相同!</font>";
                      document.getElementById("submit").disabled = false;
                  }
                  else {
                      document.getElementById("tishi1").innerHTML="<font color=‘red‘>两次密码不相同!</font>";
                    document.getElementById("submit").disabled = true;
                  }
              }