JQuery验证成功之后,使用ajax提交数据
2015-05-07 09:52
295 查看
function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误, 默认:"label","span"默认直接在文本框右边显示 //wrapper:"li",// 使用"li"标签再把上边的errorELement包起来 //errorClass :"validate-error",// 错误提示的css类名"error" //onsubmit:false,// 是否在表单提交时验证,默认:true //onfocusout:false,// 是否在获取焦点时验证,默认:true //onkeyup :false,// 是否在敲击键盘时验证,默认:true //onclick:false,// 是否在鼠标点击时验证(一般验证checkbox,radiobox) //focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示,默认false //focusInvalid : true, //提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点,默认true //ignore: "#cname" //对某些元素不做验证,值对应选择器,如果需要忽略多个文本框,可以使用class类选择器 ignoreTitle: true, validClass: "valid", //验证成功时,使用的css类名 success: function(label) { //验证成功时使用的提示消息 label.addClass("valid").html("Ok!") }, submitHandler:function(form){//如果验证通过,点击submit按钮后执行的操作,注:使用此方法后,form中的action="xx"会失效 alert('验证通过'); }, invalidHandler: function(form, validator) {//如果验证不通过,此处执行额外操作 var errors = validator.numberOfInvalids(); //获得错误总数 var message = '你存在' + errors + '个错误'; //alert(message); }, rules:{ "x.name":{ //需要进行验证的输入框name required: true, //验证条件:必填 minlength3: 5,// 验证条件:最小长度为5 maxlength3 : 10, checkCharType : [true,false,false,null] }, "x.sex":{ //需要进行验证的输入框name required: true, //验证条件:必填 minlength2: 5,// 验证条件:最小长度为5 maxlength2 : 10 }, }, messages:{ "x.name":{ required : "不能为空", minlength : "最小值为5" }, "x.sex":{ required : "不能为空", minlength : "最小值为5" } } }); } function xx(){ //alert($("#commentForm").validate().form()); //执行表单验证,同时判断验证是否通过,如果通过返回true,否则返回false $("#commentForm").valid(); //$("#commentForm").valid()表示运行form的表单验证 } function cl(){ $("#commentForm").validate().resetForm(); //清空所有的错误提示 }
转载至:http://blessht.iteye.com/blog/1074419
相关文章推荐
- JQuery验证成功之后,使用ajax提交数据,jqueryajax
- 在MVC中如何在使用 MicrosoftMvcValidation验证的前提下使用 jQuery.Ajax 提交数据的时候检查验证是否通过
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用
- jquery.validate不使用submit提交,而是使用button按钮提交,以及使用ajax验证用户名
- Jquery技巧:使用ajax技术提交表单数据
- jquery中用$.ajax实现注册(html、jquery、php、接口文档)、ajax验证用户提交数据
- Django中怎么利用jquery完成ajax的验证和数据提交
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- jQuery中使用ajax对表单数据进行异步验证
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery 使用$.ajax post方法提交数据
- JQuery validate 的使用(使用ajax来提交数据)(ajax如何封装表单数据)
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jQuery基于ajax()使用serialize()提交form数据的方法
- jQuery基于ajax()使用serialize()提交form数据的方法
- Jquery技巧:使用ajax技术提交表单数据
- liferay中使用jQuery Validation Engine进行ajax验证,不通过也提交表单的解决方案
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery validationEngine 使用ajax验证不通过也提交表单