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


本文实例讲述了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插件相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。



相关阅读:
JS实现的仿QQ空间图片弹出效果代码
剖析Java中线程编程的概念
C# GDI在控件上绘图的方法
C#算法之大牛生小牛的问题高效解决方法
VB.NET进度条的方法代码
两个select多选模式的选项相互移动(示例代码)
javascript实现表格排序 编辑 拖拽 缩放
在MySQL中使用子查询和标量子查询的基本操作教程
C++基础入门教程(六):为什么创建类的时候要用new?
Win8.1系统使用键盘快捷键浏览网页的方法
微软预览版如何转正?微软官方免费升级Windows 10正式版
C#线程池操作方法
Win10激活失败出现错误代码0xC004C003原因:微软服务器不堪重负
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
快速导航

Copyright © 2016 phpStudy |