jquery validate(5) : 如何进行 ajax 提交
2013-04-25 16:49
183 查看
结论: 用普通按钮做 ajax 提交更为合适!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>自定义验证</title> <script src="jqValidate/jquery.min.js" type="text/javascript"></script> <script src="jqValidate/jquery.metadata.js" type="text/javascript"></script> <script src="jqValidate/jquery.validate.js" type="text/javascript"></script> <script src="jqValidate/jquery.validate.messages_cn.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#signupForm").validate({ onkeyup: true, rules: { zipcode:{ required: true, isZipCode: true } }, messages: { zipcode: { required: "请填写邮编", isZipCode: "邮编不正确" } }, submitHandler: function(form) { //alert('要提交了!'); //1. 不可用 $(form).submit();否则会死循环 //2. 如果 form.submit()也不用,此表单就不会自动提交了 //form.submit(); //3. 下面是 ajax 提交 ajaxSubmit(); } }); // 邮政编码验证 $.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, "请正确填写您的邮政编码"); }); //ajax 提交 function ajaxSubmit(){ if( $("#signupForm").valid() ){ $.post("submit.ashx", function(data){ alert(data.result); }, "json"); } } </script> </head> <body> <form id="signupForm" method="get" action=""> <p> <label for="firstname"> 请输入邮编: </label> <input id="zipcode" name="zipcode" /> </p> <p> <input class="submit" type="submit" value="Submit" /> <input class="button" type="button" onclick="ajaxSubmit()" value="普通button的ajax提交" /> </p> </form> </body> </html>
相关文章推荐
- JQuery validate 的使用(使用ajax来提交数据)(ajax如何封装表单数据)
- jquery validate如何不提交表单就做验证(ajax提交数据)
- jQuery.ajaxSubmit异步提交表单并用jQuery.validate进行校验
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- 【转载】jquery validate验证插件,在ajax提交方式下的验证
- 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢
- Asp.net 母版页情况下如何进行jquery.validate验证 推荐
- form表单提交和ajax表单提交,关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作
- 在MVC中如何在使用 MicrosoftMvcValidation验证的前提下使用 jQuery.Ajax 提交数据的时候检查验证是否通过
- Jquery 获取表单FORM所有元素进行AJAX提交
- jquery---------ajax+validate表单异步提交验证
- jquery.validate在IE8下,点击提交不进行验证的解决方案
- ajax异步提交失败弹出遮罩层和jquery.validate自动校验和iframe父窗口元素获取与遮罩问题
- Form表单利用Jquery Validate验证以及ajax提交
- jquery---ajax异步提交+validate表单验证
- 如何使用submit,进行ajax数据提交
- Jquery 获取表单中的所有列,进行ajax 提交
- jquery validate 在ajax提交表单下的验证方法
- jQuery如何防止Ajax重复提交
- jquery validate 在ajax提交表单下的验证方法