jQuery validate插件submitHandler提交导致死循环解决方法


Posted in Javascript onJanuary 21, 2016

本文实例讲述了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了。看一下例子。

$('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程序设计有所帮助。

Javascript 相关文章推荐
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
深入理解node.js http模块
Jan 24 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
微信小程序反编译的实现
Dec 10 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 #Javascript
jquery mobile开发常见问题分析
Jan 21 #Javascript
json格式数据的添加,删除及排序方法
Jan 21 #Javascript
jquery及js实现动态加载js文件的方法
Jan 21 #Javascript
js console.log打印对像与数组用法详解
Jan 21 #Javascript
JS遍历数组及打印数组实例分析
Jan 21 #Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 #Javascript
You might like
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
PHP进程通信基础之信号
2017/02/19 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
jquery中radio checked问题
2015/03/16 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Python 的类、继承和多态详解
2017/07/16 Python
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
在Mac下使用python实现简单的目录树展示方法
2018/11/01 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
大学生求职推荐信
2013/11/27 职场文书
写给女生的道歉信
2014/01/08 职场文书
2015年秋季小班开学寄语
2015/05/27 职场文书
长征观后感
2015/06/09 职场文书
团队拓展训练心得体会
2016/01/12 职场文书