JQuery验证顺利之后,使用ajax提交数据

JQuery验证顺利之后,使用ajax提交数据

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