profile_pic

You can fo↑↑ow my blog

WX：_2guagua

分类 默认分类 下的内容

####客户端实现
####保存以下代码运行
<!doctypehtml>
<htmllang="en">
<head>
  <meta charset="UTF-8">
  <title>注册</title>
  <script type="text/javascript">
    //创建ajax引擎
    function getXmlHttpObject(){
      var xmlHttpRequest;
      //不同浏览器获取对象XMLHttpRequest
      if(window.ActiveXObject){
        xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
      }
      else{
        xmlHttpRequest=new XMLHttpRequest();
      }
      return xmlHttpRequest;
    }
    var myXmlHttpRequest="";
    //验证用户名是否存在
    function checkName(){
      myXmlHttpRequest=getXmlHttpObject();
      //判断xmlHttpRequest是否成功
      if(myXmlHttpRequest){
        //通过myXmlHttpRequest对象发送请求到服务器的某个页面
        //第一个参数标示请求的方式，‘get'、‘post'
        //第二个参数指定url，对那个页面发送ajax请求（本质仍然是http请求）
        /*XMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser,bstrPassword);
         */
        var url="sercardid.php?name="+document.getElementById('name').value;
        //window.alert(url);
        myXmlHttpRequest.open("get",url,true);
        //window.alert('创建ajax引擎成功');
        //指定回调函数,chuili是函数名
        myXmlHttpRequest.onreadystatechange=chuli;//调用
        //真的发送请求，如果是各塔请求则填入null即可
        //如果是post请求,则填入实际数据
        myXmlHttpRequest.send(null);
      }
      else
      {
//        window.alert('创建失败');
      }
    }
    function chuli(){
      // window.alert("cuhli函数被调用"+myXmlHttpRequest.readyState);
      //我要取出从register.php返回的数据
      if(myXmlHttpRequest.readyState==4){
        //取出值，根据返回信息的数据格式
        //window.alert("服务器返回"+myXmlHttpRequest.responseText);
        $('myres').value=myXmlHttpRequest.responseText;
      }
    }
    function $(id){
      return document.getElementById(id);
    }
  </script>
</head>
<body>
<form action="yancardid.php" method="post">
  用户名字:<input type="text" name="name" onkeyup="checkName()" id="name">
  <input type="button"value="验证用户名">
  <input style="border-width:0;color: #e93b3d" type="text" id="myres">
  <br/>
  用户密码:<input type="password" name="password"><br>
  电子邮件:<input type="text" name="email"><br/>
  <input type="submit"value="用户注册">
</form>
</body>
</html>

####服务端实现
###保存以下代码为yancardid.php

<?php
//引入数据库链接配置文件
$con = mysqli_connect('localhost', 'vip', 'vip');
if(! $con )
{
 die('连接失败: ' . mysqli_error($con));
}
mysqli_select_db($con,'member');
$cardid = "select cardid FROM u_users where cardid = '$_GET[name]' ";
$result = mysqli_query($con,$cardid);
$rows=mysqli_num_rows($result);


if($rows > 0){
    echo "卡号已注册"   ;
    exit;
}else{
    echo "卡号可用";   
}
mysqli_close($con)
?>