1、默認校驗規則(1)required:true               必輸字段(2)remote:"check.php"          使用ajax方法調用check.php驗證輸入值(3)email:true           

2、       必須輸入正確格式的電子郵件(4)url:true                    必須輸入正確格式的網址(5)date:true                 

3、;  必須輸入正確格式的日期(6)dateISO:true                必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性(7)number:true                 必須輸入合法的數字(

4、負數，小數)(8)digits:true                 必須輸入整數(9)creditcard:                 必須輸入合法的信用卡號(10)equalTo:"#field"    &

5、#160;      輸入值必須和#field相同(11)accept:                    輸入擁有合法后綴名的字符串（上傳文件的后綴）(12)maxlength:5              

6、60; 輸入長度最多是5的字符串(漢字算一個字符)(13)minlength:10               輸入長度最小是10的字符串(漢字算一個字符)(14)rangelength:5,10         輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個字符)(15)range:5,10     &

7、#160;         輸入值必須介于 5 和 10 之間(16)max:5                      輸入值不能大于5(17)min:10            

8、60;        輸入值不能小于10默認的提示 messages:     required: "This field is required.",    remote: "Please fix this field.",    email: "Please enter a valid email address.",    url: &quo

9、t;Please enter a valid URL.",    date: "Please enter a valid date.",    dateISO: "Please enter a valid date (ISO).",    dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",    number: "Please enter a va

10、lid number.",    numberDE: "Bitte geben Sie eine Nummer ein.",    digits: "Please enter only digits",    creditcard: "Please enter a valid credit card number.",    equalTo: "Please enter the same valu

11、e again.",    accept: "Please enter a value with a valid extension.",    maxlength: $.validator.format("Please enter no more than 0 characters."),    minlength: $.validator.format("Please enter at least 0 characters."),&

12、#160;   rangelength: $.validator.format("Please enter a value between 0 and 1 characters long."),    range: $.validator.format("Please enter a value between 0 and 1."),    max: $.validator.format("Please enter a value less than or equa

13、l to 0."),    min: $.validator.format("Please enter a value greater than or equal to 0."),如需要修改，可在js代碼中加入：jQuery.extend(jQuery.validator.messages,         required: "必選字段",  remote: "請修正該字段",  em

14、ail: "請輸入正確格式的電子郵件",  url: "請輸入合法的網址",  date: "請輸入合法的日期",  dateISO: "請輸入合法的日期 (ISO).",  number: "請輸入合法的數字",  digits: "只能輸入整數",  creditcard: "請輸入合法的信用卡號",  equal

15、To: "請再次輸入相同的值",  accept: "請輸入擁有合法后綴名的字符串",  maxlength: jQuery.validator.format("請輸入一個長度最多是 0 的字符串"),  minlength: jQuery.validator.format("請輸入一個長度最少是 0 的字符串"),  rangelength: jQuery.validator.format("請輸入一個長度介于 0 和 1

16、之間的字符串"),  range: jQuery.validator.format("請輸入一個介于 0 和 1 之間的值"),  max: jQuery.validator.format("請輸入一個最大為 0 的值"),  min: jQuery.validator.format("請輸入一個最小為 0 的值");推薦做法，將此文件放入messages_cn.js中，在頁面中引入<script src="./js/messages_cn.js&q

17、uot; type="text/javascript"></script> 使用方式 1.將校驗規則寫到控件中<script src="./js/jquery.js" type="text/javascript"></script><script src="./js/jquery.validate.js" type="text/javascript"></script><script src="./js/

18、jquery.metadata.js" type="text/javascript"></script>$().ready(function()  $("#signupForm").validate(););<form id="signupForm" method="get" action="">        <label for="firstname&quo

19、t;>Firstname</label>        <input id="firstname" name="firstname" class="required" />        <label for="email">E-Mail</label>      

20、  <input id="email" name="email" class="email required" />         <label for="password">Password</label>        <input id="password" name="

21、;password" type="password" class="required:true,minlength:5" />         <label for="confirm_password">確認密碼</label>        <input id="confirm_password" name=&

22、quot;confirm_password" type="password" class="required:true,minlength:5,equalTo:'#password'" />        <input class="submit" type="submit" value="Submit"/>   </form> 使

23、用class=""的方式，必須引入包：jquery.metadata.js可以使用如下的方法，修改提示內容：class="required:true,minlength:5,messages:required:'請輸入內容'"在使用equalTo關鍵字時，后面的內容必須加上引號，如下代碼：class="required:true,minlength:5,equalTo:'#password'"另外一個方式，使用關鍵字：meta（為了元數據使用其他插件你要包裝 你的驗證規則在他們自己的項目中可以用這個特殊

24、的選項）Tell the validation plugin to look inside a validate-property in metadata for validation rules.例如：meta: "validate"<input id="password" name="password" type="password" class="validate:required:true,minlength:5" />再有一種方式：$.metadata.setType(&q

25、uot;attr", "validate");這樣可以使用validate="required:true"的方式，或者class="required"，但class="required:true,minlength:5"將不起作用 2.將校驗規則寫到代碼中$().ready(function()  $("#signupForm").validate(        rules:  

26、60; firstname: "required",   email:     required: true,    email: true   ,   password:     required: true,    minlength: 5   ,   c

27、onfirm_password:     required: true,    minlength: 5,    equalTo: "#password"     ,        messages:    firstname: "請輸入姓名",   emai

28、l:     required: "請輸入Email地址",    email: "請輸入正確的email地址"   ,   password:     required: "請輸入密碼",    minlength: jQuery.format("密碼不能小于0個字符")  &

29、#160;,   confirm_password:     required: "請輸入確認密碼",    minlength: "確認密碼不能小于5個字符",    equalTo: "兩次輸入密碼不一致不一致"         ););/messages處，如果某個控件沒有message，將調用默認的信

30、息<form id="signupForm" method="get" action="">        <label for="firstname">Firstname</label>        <input id="firstname" name="firstname" />

31、60;       <label for="email">E-Mail</label>        <input id="email" name="email" />        <label for="password">Password</label>

32、        <input id="password" name="password" type="password" />        <label for="confirm_password">確認密碼</label>        <input i

33、d="confirm_password" name="confirm_password" type="password" />         <input class="submit" type="submit" value="Submit"/>   </form> required:true 必須有值required:&qu

34、ot;#aa:checked"表達式的值為真，則需要驗證required:function()返回為真，表時需要驗證后邊兩種常用于，表單中需要同時填或不填的元素 常用方法及注意問題 1.用其他方式替代默認的SUBMIT$().ready(function()  $("#signupForm").validate(        submitHandler:function(form)        

35、;    alert("submitted");               form.submit();                ););可以設置validate的默認值，寫法如下：$.validator.setDefaults( submitHand

36、ler: function(form) alert("submitted!");form.submit(); );如果想提交表單, 需要使用form.submit()而不要使用$(form).submit()2.debug，如果這個參數為true，那么表單不會提交，只進行檢查，調試時十分方便$().ready(function()  $("#signupForm").validate(        debug:true    ););如果一個頁

37、面中有多個表單，用$.validator.setDefaults(   debug: true)3.ignore：忽略某些元素不驗證ignore: ".ignore"4.errorPlacement：Callback  Default: 把錯誤信息放在驗證的元素后面 指明錯誤放置的位置，默認情況是：error.appendTo(element.parent();即把錯誤信息放在驗證的元素后面errorPlacement: function(error, element)       e

38、rror.appendTo(element.parent();  /示例：<tr>    <td class="label"><label id="lfirstname" for="firstname">First Name</label></td>    <td class="field"><input id="firstname" na

39、me="firstname" type="text" value="" maxlength="100" /></td>    <td class="status"></td></tr><tr>    <td style="padding-right: 5px;">      

40、60; <input id="dateformat_eu" name="dateformat" type="radio" value="0" />        <label id="ldateformat_eu" for="dateformat_eu">14/02/07</label>    </td>  &

41、#160; <td style="padding-left: 5px;">        <input id="dateformat_am" name="dateformat" type="radio" value="1"  />        <label id="ldateformat_am"

42、for="dateformat_am">02/14/07</label>    </td>    <td></td></tr><tr>    <td class="label">&nbsp;</td>    <td class="field" colspan="2"> 

43、;       <div id="termswrap">            <input id="terms" type="checkbox" name="terms" />            <lab

44、el id="lterms" for="terms">I have read and accept the Terms of Use.</label>    </td></tr>errorPlacement: function(error, element)     if ( element.is(":radio") )        error.appendTo(

45、 element.parent().next().next() );    else if ( element.is(":checkbox") )        error.appendTo ( element.next() );    else        error.appendTo( element.parent().next() );代碼的作用是：一般情況下把錯誤信息

46、顯示在<td class="status"></td>中，如果是radio顯示在<td></td>中，如果是checkbox顯示在內容的后面errorClass：String  Default: "error" 指定錯誤提示的css類名，可以自定義錯誤提示的樣式errorElement：String  Default: "label" 用什么標簽標記錯誤，默認的是label你可以改成emerrorContainer：Selector 顯示

47、或者隱藏驗證信息，可以自動實現有錯誤信息出現時把容器屬性變為顯示，無錯誤時隱藏，用處不大errorContainer: "#messageBox1, #messageBox2"errorLabelContainer：Selector把錯誤信息統一放在一個容器里面。wrapper：String用什么標簽再把上邊的errorELement包起來一般這三個屬性同時使用，實現在一個容器內顯示所有錯誤提示的功能，并且沒有信息時自動隱藏errorContainer: "div.error",errorLabelContainer: $("#signupFo

48、rm div.error"),wrapper: "li" 設置錯誤提示的樣式，可以增加圖標顯示input.error border: 1px solid red; label.error   background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;  padding-left: 16px;  padding-bottom: 2px;  font-weight: bold;  color: #EA5200;label

49、.checked   background:url("./demo/images/checked.gif") no-repeat 0px 0px;success：String,Callback要驗證的元素通過驗證后的動作，如果跟一個字符串，會當做一個css類，也可跟一個函數success: function(label)     / set &nbsp; as text for IE    label.html("&nbsp;").addClass("chec

50、ked");    /label.addClass("valid").text("Ok!")添加"valid" 到驗證元素, 在CSS中定義的樣式<style>label.valid </style>success: "valid"  nsubmit： Boolean  Default: true 提交時驗證. 設置唯false就用其他方法去驗證onfocusout：Boolean  Default:

51、true 失去焦點是驗證(不包括checkboxes/radio buttons)onkeyup：Boolean  Default: true 在keyup時驗證.onclick：Boolean  Default: true 在checkboxes 和 radio 點擊時驗證focusInvalid：Boolean  Default: true 提交表單后，未通過驗證的表單(第一個或提交之前獲得焦點的未通過驗證的表單)會獲得焦點focusCleanup：Boolean  Default: false 如果

52、是true那么當未通過驗證的元素獲得焦點時，移除錯誤提示。避免和 focusInvalid 一起用 / 重置表單$().ready(function()  var validator = $("#signupForm").validate(        submitHandler:function(form)            alert("submitted&

53、quot;);               form.submit();                );    $("#reset").click(function()         valid

54、ator.resetForm();    );); remote：URL使用ajax方式進行驗證，默認會提交當前驗證的值到遠程地址，如果需要提交其他的值，可以使用data選項remote: "check-email.php"remote:     url: "check-email.php",     /后臺處理程序    type: "post",    

55、           /數據發送方式    dataType: "json",           /接受數據格式       data:             

56、60;        /要傳遞的數據        username: function()             return $("#username").val();            遠程地址只能輸出 "t

57、rue" 或 "false"，不能有其它輸出  addMethod：name, method, message自定義驗證方法/ 中文字兩個字節jQuery.validator.addMethod("byteRangeLength", function(value, element, param)     var length = value.length;    for(var i = 0; i < value.length; i+)  &

58、#160;     if(value.charCodeAt(i) > 127)            length+;              return this.optional(element) | ( length >= param0 && length <= param1 ); &

59、#160; , $.validator.format("請確保輸入的值在0-1個字節之間(一個中文字算2個字節)");/ 郵政編碼驗證   jQuery.validator.addMethod("isZipCode", function(value, element)        var tel = /0-96$/;    return this.optional(element) | (tel.test(value);, "請正確填寫您的郵政編碼");radio和checkbox、select的驗證radio的required表示必須選中一個<input  type=&