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 相关文章推荐
Jquery easyUI 更新行示例
Mar 06 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
Angular 封装并发布组件的方法示例
Apr 19 Javascript
RequireJS用法简单示例
Aug 20 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
Sep 14 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
微信小程序复选框实现多选一功能过程解析
Feb 14 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
一个简单的PHP投票程序源码
2007/03/11 PHP
用php过滤危险html代码的函数
2008/07/22 PHP
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
php操作mysqli(示例代码)
2013/10/28 PHP
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
2013/06/06 Javascript
Js nodeType 属性全面解析
2013/11/14 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
python列表推导式操作解析
2019/11/26 Python
Python基于WordCloud制作词云图
2019/11/29 Python
python3.4中清屏的处理方法
2020/07/06 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
工程概预算专业毕业生求职信
2013/10/04 职场文书
师范学院教师自荐书
2014/01/31 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
高中同学会活动方案
2014/08/14 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
在Spring-Boot中如何使用@Value注解注入集合类
2021/08/02 Java/Android