php运用validate+ajax检测用户名是否已存在

前提:如果还不知道什么是validate,请前往这里


一.remote

rules:

username:{
           required:true,
           minlength:8,
           maxlength:8,
           remote: {
              url: ‘validateUsername2.php‘,
              type: ‘POST‘,
              dateType: ‘json‘,
              data: { username:function(){
              return $(‘#username‘).val();
              }
             }
          }
        }

 

messages:

username:{
             required:"账号不能为空",
             minlength:"账号不得少于8位",
             maxlength:"账号不能多于8位",
             remote: "该账号已被注册"
                }

ajax url处的php文件(使用remote需要在该文件输出true/false):

<?php
include ‘conn.php‘;
$username=$_POST[‘username‘];
$sql="SELECT * FROM user where uname = ‘".$username."‘";
$isExist =$conn->query($sql);
if ($isExist->num_rows == 0){
    echo ‘true‘;

}
else{
   echo ‘false‘;
}

 

二.自定义

rules:

 username:{
             required:true,
             minlength:8,
             maxlength:8,
             checkStudentid:true
              }

messages:

 username:{
            required:"账号不能为空",
            minlength:"账号不得少于8位",
            maxlength:"账号不能多于8位",
            checkStudentid: "该账号已被注册"
                  }

再加以下方法

 //账号验证
      $.validator.addMethod("checkStudentid",function () {
              //定义一个标志
            var flag=false;
              $.ajax({
                  async:false,
                  url:"validateUsername.php",
                  data: { username: $("#username").val()},//data为该页面用户名id的值
                  type:"POST",
                  dataType:"json",
                  success:function (data) {
                      flag = (data == 1? false : true);
                  }
              });
              //如果false代表该效验不通过
          return !flag;
          }

      )

!!!!注意这个async写成false,这个是解决等待的问题,如果不处理成false,则会先return !flag 后执行ajax并对flag赋值,导致出错(被这个坑了很长时间)。

 

ajax url处的php文件(使用自定义方法该文件只需输出你所需要的结果,可以是false/true或者1/0或者其他,看你在ajax里面是怎么写的了):

<?php
include ‘../conn.php‘;
$username=$_POST[‘username‘];
$sql="SELECT * FROM user where uname = ‘".$username."‘";
$isExist =$conn->query($sql);//此处连接数据库
if ($isExist->num_rows == 0){
    echo 1;
}
else{
    echo 0;
}

 个人感觉使用自定义比remote显示结果要快,所以建议自定义。

 

结果截图:

php运用validate+ajax检测用户名是否已存在

 

 php运用validate+ajax检测用户名是否已存在

 

php运用validate+ajax检测用户名是否已存在

上一篇:XMLHttpRequest 进度条以及lengthComputable always false的解决办法


下一篇:痞子衡嵌入式:语音处理工具pzh-speech诞生记 - 索引