jQuery validate插件submitHandler提交导致死循环解决方法
2016-01-21 00:00
836 查看
本文实例讲述了jQuery validate插件submitHandler提交导致死循环解决方法。分享给大家供大家参考,具体如下:
dom对像的提交form.submit();和jquery对像的提交$('').submit();功能上是没有什么区别的。但是如果用了jquery validate插件,提交时这二个就区别大了。$('').submit();提交时,jquery validate会进行验证,submitHandler里面如果写了$('').submit();会导致死循环,而form.submit();则不会。
这个问题是个小问题,如果不注意,或者写习惯了,容易出错;并且出错时,很难查找。我花了近二个小时,才找到原因。
一、简单说一下dom对像和jquery对像
dom对像,你要用js的写法来操作,页面中的标签。而jquery对像呢,你要用jquery的语法来操作。
dom对像转换成jquery的对像呢,也很简单,就加上$()这个就行了,然后就可以用jquery的语法来操作,页面中的标签了。我想大家用的最多就是this了。看一下例子。
二、jquery validate 死循环程序
正确写法,
出现死循环的时候,浏览器会一直处于加载中,直到浏览器挂掉,这个时候,可以加一个alert,你就会知道,validate一直在循环验证。个人觉得,虽然是个小问题,但是很难想起来。
更多关于jQuery插件相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
深入学习jQuery Validate表单验证(二)
深入学习jQuery Validate表单验证
jquery validate表单验证的基本用法入门
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
jquery.validate 自定义验证方法及validate相关参数
jQuery插件Validate实现自定义校验结果样式
jQuery Validate表单验证深入学习
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
jQuery插件EasyUI校验规则 validatebox验证框
jquery.validate提示错误信息位置方法
dom对像的提交form.submit();和jquery对像的提交$('').submit();功能上是没有什么区别的。但是如果用了jquery validate插件,提交时这二个就区别大了。$('').submit();提交时,jquery validate会进行验证,submitHandler里面如果写了$('').submit();会导致死循环,而form.submit();则不会。
这个问题是个小问题,如果不注意,或者写习惯了,容易出错;并且出错时,很难查找。我花了近二个小时,才找到原因。
一、简单说一下dom对像和jquery对像
dom对像,你要用js的写法来操作,页面中的标签。而jquery对像呢,你要用jquery的语法来操作。
dom对像转换成jquery的对像呢,也很简单,就加上$()这个就行了,然后就可以用jquery的语法来操作,页面中的标签了。我想大家用的最多就是this了。看一下例子。
$('input[name^="hour"]').each(function(index){ this.value=index; //this是dom对像,js写法 }); $('input[name^="hour"]').each(function(index){ $(this).val(index); //$(this)是jquery对像,jquery写法 });
二、jquery validate 死循环程序
$("#product_form").validate({ focusInvalid:false, submitHandler: function(form){ $('.submit').submit(); } });
正确写法,
$("#product_form").validate({ focusInvalid:false, submitHandler: function(form){ form.submit(); } });
出现死循环的时候,浏览器会一直处于加载中,直到浏览器挂掉,这个时候,可以加一个alert,你就会知道,validate一直在循环验证。个人觉得,虽然是个小问题,但是很难想起来。
更多关于jQuery插件相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
jQuery validate插件实现ajax验证重复的2种方法深入学习jQuery Validate表单验证(二)
深入学习jQuery Validate表单验证
jquery validate表单验证的基本用法入门
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
jquery.validate 自定义验证方法及validate相关参数
jQuery插件Validate实现自定义校验结果样式
jQuery Validate表单验证深入学习
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
jQuery插件EasyUI校验规则 validatebox验证框
jquery.validate提示错误信息位置方法
相关文章推荐
- jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
- jQuery模拟物体自由落体运动(附演示与demo源码下载)
- 分别用DOM方式和jQuery方式判断复选框是否被选中
- jquery分页插件精选
- zepto和jquery的区别,zepto的不同使用8条小结
- 迷你版jQuery——zepto核心源码分析
- 在jQuery,如何判断页面元素是否存在?
- 开源JQuery框架 : Prime UI !
- jQuery核心
- jQuery Form 表单提交插件-----ajaxSubmit() 的应用
- 一个非常简单的jQuery分页插件
- jquery动态改变图片
- jQuery高性能自定义滚动条美化插件
- jquery.ajax error调试
- 新建WebService供JQuery调用及用js判断是否要调用服务器的submit
- jquery的$().each,$.each的区别
- php jquery 头像裁剪插件 croppic
- Jquery ajax 用户信息修改
- 写出高性能的JQuery
- JS,Jquery获取各种屏幕的宽度和高度