JQuery驗證成功之后,使用ajax提交數據


 1 function checkForm(){
 2     validator = $("#commentForm").validate({// #formId為需要進行驗證的表單ID
 3         errorElement :"span",// 使用"div"標簽標記錯誤, 默認:"label","span"默認直接在文本框右邊顯示
 4         //wrapper:"li",// 使用"li"標簽再把上邊的errorELement包起來
 5         //errorClass :"validate-error",// 錯誤提示的css類名"error"
 6         //onsubmit:false,// 是否在表單提交時驗證,默認:true
 7         //onfocusout:false,// 是否在獲取焦點時驗證,默認:true
 8         //onkeyup :false,// 是否在敲擊鍵盤時驗證,默認:true
 9         //onclick:false,// 是否在鼠標點擊時驗證(一般驗證checkbox,radiobox)
10         //focusCleanup:false,// 當未通過驗證的元素獲得焦點時,並移除錯誤提示,默認false
11         //focusInvalid : true, //提交表單后,未通過驗證的表單(第一個或提交之前獲得焦點的未通過驗證的表單)會獲得焦點,默認true
12         //ignore: "#cname"  //對某些元素不做驗證,值對應選擇器,如果需要忽略多個文本框,可以使用class類選擇器
13         ignoreTitle: true,
14         validClass: "valid", //驗證成功時,使用的css類名
15         success: function(label) { //驗證成功時使用的提示消息
16              label.addClass("valid").html("Ok!")
17            },
18         submitHandler:function(form){//如果驗證通過,點擊submit按鈕后執行的操作,注:使用此方法后,form中的action="xx"會失效
19             alert('驗證通過');
20         },
21         invalidHandler: function(form, validator) {//如果驗證不通過,此處執行額外操作
22               var errors = validator.numberOfInvalids(); //獲得錯誤總數
23             var message = '你存在' + errors + '個錯誤';
24             //alert(message);
25         },
26         rules:{
27             "x.name":{  //需要進行驗證的輸入框name
28                 required: true,  //驗證條件:必填
29                 minlength3: 5,// 驗證條件:最小長度為5
30                 maxlength3 : 10,
31                 checkCharType : [true,false,false,null]
32             },
33             "x.sex":{  //需要進行驗證的輸入框name
34                 required: true,  //驗證條件:必填
35                 minlength2: 5,// 驗證條件:最小長度為5
36                 maxlength2 : 10
37             },
38         },
39         messages:{
40             "x.name":{
41                 required : "不能為空",
42                 minlength : "最小值為5"
43             },
44             "x.sex":{
45                 required : "不能為空",
46                 minlength : "最小值為5"
47             }
48         }
49     });
50 }
51 
52 function xx(){
53     //alert($("#commentForm").validate().form()); //執行表單驗證,同時判斷驗證是否通過,如果通過返回true,否則返回false
54     $("#commentForm").valid(); //$("#commentForm").valid()表示運行form的表單驗證
55 }
56 
57 function cl(){
58     $("#commentForm").validate().resetForm(); //清空所有的錯誤提示
59 }

轉載至:http://blessht.iteye.com/blog/1074419


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM