$().ready(function() {
  // 在鍵盤(pán)按下并釋放及提交后驗(yàn)證提交表單
    $("#signupForm").validate({
      rules: {
        firstname: "required",
        lastname: "required",
        username: {
          required: true,
          minlength: 2
        },
        password: {
          required: true,
          minlength: 5
        },
        confirm_password: {
          required: true,
          minlength: 5,
          equalTo: "#password"
        },
        email: {
          required: true,
          email: true
        },
        topic: {
          required: "#newsletter:checked",
          minlength: 2
        },
        agree: "required"
      },
      messages: {
        firstname: "請(qǐng)輸入您的名字",
        lastname: "請(qǐng)輸入您的姓氏",
        username: {
          required: "請(qǐng)輸入用戶(hù)名",
          minlength: "用戶(hù)名必需由兩個(gè)字母組成"
        },
        password: {
          required: "請(qǐng)輸入密碼",
          minlength: "密碼長(zhǎng)度不能小于 5 個(gè)字母"
        },
        confirm_password: {
          required: "請(qǐng)輸入密碼",
          minlength: "密碼長(zhǎng)度不能小于 5 個(gè)字母",
          equalTo: "兩次密碼輸入不一致"
        },
        email: "請(qǐng)輸入一個(gè)正確的郵箱",
        agree: "請(qǐng)接受我們的聲明",
        topic: "請(qǐng)選擇兩個(gè)主題"
      }
  });

  $().ready(function() {
   $("#signupForm").validate({
          submitHandler:function(form){
              alert("提交事件!");   
              form.submit();
          }    
      });
  });

  $("#btnSubmit").click(function(){
      if ($("#frmAddVisit").valid() == true) {
          submitInfo();
      }
  });

   $(".selector").validate({     
   submitHandler: function(form) 
     {      
        $(form).ajaxSubmit();     
     }  
   }) 

  $().ready(function() {
   $("#signupForm").validate({
          debug:true
      });
  });

默認(rèn)情況是：把錯(cuò)誤信息放在驗(yàn)證的元素后面

  $.validator.setDefaults({
      submitHandler: function() {
        alert("提交事件!");
      }
  });

  $().ready(function() {
      // 提交時(shí)驗(yàn)證表單
      var validator = $("#form1").validate({
          errorPlacement: function(error, element) {
              // Append error within linked label
              $( element )
                  .closest( "form" )
                      .find( "label[for="" + element.attr( "id" ) + ""]" )
                          .append( error );
          },
          errorElement: "span",
          messages: {
              user: {
                  required: " (必需字段)",
                  minlength: " (不能少于 3 個(gè)字母)"
              },
              password: {
                  required: " (必需字段)",
                  minlength: " (字母不能少于 5 個(gè)且不能大于 12 個(gè))",
                  maxlength: " (字母不能少于 5 個(gè)且不能大于 12 個(gè))"
              }
          }
      });

      $(".cancel").click(function() {
          validator.resetForm();
      });
  });

  remote:{
        url: site_path + "/open/check?d=" + Math.random(),     //后臺(tái)處理程序
        type: "post",               //數(shù)據(jù)發(fā)送方式
        dataType: "json",           //接受數(shù)據(jù)格式   
        data: {                     //要傳遞的數(shù)據(jù)
        companyname: function() {
               return $("#companyname").val();
              }
          }
  }

      @ResponseBody
      @RequestMapping(value = "/open/check", method = RequestMethod.POST)
      public boolean check(HttpServletRequest httpRequest) {
          return false;
      }

服務(wù)端就直接返回boolean值，如果不通過(guò)則返回false，反之返回true

  addMethod：name, method, message

參數(shù) name 是添加的方法的名字。
參數(shù) method 是一個(gè)函數(shù)，接收三個(gè)參數(shù) (value,element,param) 。
value 是元素的值，element 是元素本身，param 是參數(shù)。

  // 中文字兩個(gè)字節(jié)
  jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
      var length = value.length;
      for(var i = 0; i < value.length; i++){
          if(value.charCodeAt(i) > 127){
              length++;
          }
      }
    return this.optional(element) || ( length >= param[0] && length <= param[1] );   
  }, $.validator.format("請(qǐng)確保輸入的值在{0}-{1}個(gè)字節(jié)之間(一個(gè)中文字算2個(gè)字節(jié))"));

  // 郵政編碼驗(yàn)證   
  jQuery.validator.addMethod("isZipCode", function(value, element) {   
      var tel = /^[0-9]{6}$/;
      return this.optional(element) || (tel.test(value));
  }, "請(qǐng)正確填寫(xiě)您的郵政編碼");

要在 additional-methods.js 文件中添加或者在 jquery.validate.js 文件中添加。建議一般寫(xiě)在 additional-methods.js 文件中。

  $.validator.addMethod("af",function(value,element,params){  
      if(value.length>1){
          return false;
      }
      if(value>=params[0] && value<=params[1]){
          return true;
      }else{
          return false;
      }
  },"必須是一個(gè)字母,且a-f");

  username:{
     af:["a","f"]
  }

addMethod 的第一個(gè)參數(shù)，是添加的驗(yàn)證方法的名字，這時(shí)是 af。
addMethod 的第三個(gè)參數(shù)，是自定義的錯(cuò)誤提示，這里的提示為:"必須是一個(gè)字母,且a-f"。
addMethod 的第二個(gè)參數(shù)，是一個(gè)函數(shù)，這個(gè)比較重要，決定了用這個(gè)驗(yàn)證方法時(shí)的寫(xiě)法。
如果只有一個(gè)參數(shù)，直接寫(xiě)，比如 af:"a"，那么 a 就是這個(gè)唯一的參數(shù)，如果多個(gè)參數(shù)，則寫(xiě)在 [] 里，用逗號(hào)分開(kāi)。

##### Validator

onsubmit、onfocusout、onkeyup、onclick、focusInvalid默認(rèn)的時(shí)候都是true，focusCleanup默認(rèn)為false

  $(".selector").validate({  
      onsubmit:false
  })

更多內(nèi)容可以關(guān)注微信公眾號(hào)，或者訪問(wèn)AppZone網(wǎng)站