前提:如果还不知道什么是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显示结果要快,所以建议自定义。
结果截图: