jquery validate submitHandler 提交导致死循环

最新推荐文章于 2017-08-30 14:54:10 发布

转载最新推荐文章于 2017-08-30 14:54:10 发布 · 935 阅读

前端同时被 2 个专栏收录

21 篇文章

订阅专栏

13 篇文章

订阅专栏

本文介绍了在使用 jQuery Validate 插件时，如何避免因错误地在 submitHandler 中调用 $('form').submit() 导致的死循环现象，并给出了正确的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自 http://ju.outofmemory.cn/entry/19813

jquery validate submitHandler 提交导致死循环

更多 0

这个问题是个小问题，如果不注意，或者写习惯了，容易出错；并且出错时，很难查找。我花了近二个小时，才找到原因。

一，简单说一下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一直在循环验证。个人觉得，虽然是个小问题，但是很难想起来。

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, [...]