1 function checkForm(){ 2 validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID 3 errorElement :"span",// ...
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,// 当未通过验证的元素获得焦点时,并移除错误提示,默认false11 //focusInvalid : true, //提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点,默认true12 //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":{ //需要进行验证的输入框name28 required: true, //验证条件:必填29 minlength3: 5,// 验证条件:最小长度为530 maxlength3 : 10,31 checkCharType : [true,false,false,null]32 },33 "x.sex":{ //需要进行验证的输入框name34 required: true, //验证条件:必填35 minlength2: 5,// 验证条件:最小长度为536 maxlength2 : 1037 },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,否则返回false54 $("#commentForm").valid(); //$("#commentForm").valid()表示运行form的表单验证55 }56 57 function cl(){58 $("#commentForm").validate().resetForm(); //清空所有的错误提示59 }
原标题:JQuery验证成功之后,使用ajax提交数据
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。