使用jquery.validate.min.js自定义校验表单

  案例：使用validate.js自定义校验用户名是否存在。

<script type="text/javascript">
 
 //自定义校验规则
 $.validator.addMethod(
  //规则的名称
  "checkUsername",
  //校验的函数
  function(value,element,params){
   
   //定义一个标志
   var flag = false;
   
   //value:输入的内容
   //element:被校验的元素对象
   //params：规则对应的参数值
   //目的：对输入的username进行ajax校验
   $.ajax({
    "async":false,
    "url":"${pageContext.request.contextPath}/checkUsername",
    "data":{"username":value},
    "type":"POST",
    "dataType":"json",
    "success":function(data){
     flag = data.isExist;
    }
   });
   
   
   //返回false代表该校验器不通过
   return !flag;
  }
  
 );

</script>
本案例为什么不用异步校验？

因为当进行异步校验时，中间还没有数据库读出来校验结果呢，后面返回flag就已经执行，返回的只是和初始化相反的结果，起不到异步校验的功能，所以只能使用同步校验。