jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法
本文實(shí)例講述了jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法。分享給大家供大家參考，具體如下：
dom對(duì)像的提交form.submit();和jquery對(duì)像的提交$('').submit();功能上是沒(méi)有什么區(qū)別的。但是如果用了jquery validate插件，提交時(shí)這二個(gè)就區(qū)別大了。$('').submit();提交時(shí)，jquery validate會(huì)進(jìn)行驗(yàn)證，submitHandler里面如果寫了$('').submit();會(huì)導(dǎo)致死循環(huán)，而form.submit();則不會(huì)。
這個(gè)問(wèn)題是個(gè)小問(wèn)題，如果不注意，或者寫習(xí)慣了，容易出錯(cuò)；并且出錯(cuò)時(shí)，很難查找。我花了近二個(gè)小時(shí)，才找到原因。
一、簡(jiǎn)單說(shuō)一下dom對(duì)像和jquery對(duì)像
dom對(duì)像，你要用js的寫法來(lái)操作，頁(yè)面中的標(biāo)簽。而jquery對(duì)像呢，你要用jquery的語(yǔ)法來(lái)操作。
dom對(duì)像轉(zhuǎn)換成jquery的對(duì)像呢，也很簡(jiǎn)單，就加上$()這個(gè)就行了，然后就可以用jquery的語(yǔ)法來(lái)操作，頁(yè)面中的標(biāo)簽了。我想大家用的最多就是this了?？匆幌吕?。
$('input[name^="hour"]').each(function(index){
this.value=index; //this是dom對(duì)像,js寫法
});
$('input[name^="hour"]').each(function(index){
$(this).val(index); //$(this)是jquery對(duì)像，jquery寫法
});
二、jquery validate 死循環(huán)程序
$("#product_form").validate({
focusInvalid:false,
submitHandler: function(form){
$('.submit').submit();
}
});
正確寫法，
$("#product_form").validate({
focusInvalid:false,
submitHandler: function(form){
form.submit();
}
});
出現(xiàn)死循環(huán)的時(shí)候，瀏覽器會(huì)一直處于加載中，直到瀏覽器掛掉，這個(gè)時(shí)候，可以加一個(gè)alert，你就會(huì)知道，validate一直在循環(huán)驗(yàn)證。個(gè)人覺(jué)得，雖然是個(gè)小問(wèn)題，但是很難想起來(lái)。
更多關(guān)于jQuery插件相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jquery validate表單驗(yàn)證插件
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)表單驗(yàn)證
- jQuery驗(yàn)證插件validate使用方法詳解
- JQuery validate插件驗(yàn)證用戶注冊(cè)信息
- CKEditor無(wú)法驗(yàn)證的解決方案（js驗(yàn)證+jQuery Validate驗(yàn)證）
- jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解
- jquery.validate提示錯(cuò)誤信息位置方法
- jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法
- 深入學(xué)習(xí)jQuery Validate表單驗(yàn)證（二）
- jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析
相關(guān)文章
使用過(guò)AJAX技術(shù)的人都知道大名鼎鼎的JQuery。雖然我來(lái)學(xué)習(xí)之前有看過(guò)AJAX的視頻，但那時(shí)對(duì)WEB應(yīng)用這個(gè)東西還比較模糊，不清楚HTML、JSP與Servlet是怎么工作的，甚至不知道JQuery包裝的是什么東西。2011-02-02
如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬(wàn)能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中，我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動(dòng)態(tài)JS順序執(zhí)行，其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03
jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十） 事件系統(tǒng)——綁定事件的相關(guān)資料,需要的朋友可以參考下2015-11-11
選擇器的意義就是將眾多html代碼中準(zhǔn)確的找出我們想找的單元。接下來(lái)將常見(jiàn)的選擇器以及作用列舉出來(lái)，對(duì)jQuery常見(jiàn)的選擇器及用法感興趣的朋友一起看看吧2016-12-12
jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
本文將詳細(xì)介紹下jQuery獲取/設(shè)置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對(duì)你有所幫助2013-03-03
提示$ is not defined錯(cuò)誤分析及解決
$ is not defined這種提示想必在調(diào)試時(shí)經(jīng)常會(huì)遇到吧，經(jīng)過(guò)搜索查詢了一下結(jié)果是引入Jquery的順序不對(duì)，改過(guò)來(lái)就可以了，有此問(wèn)題的朋友可以參考下哈2013-04-04
基于jQuery實(shí)現(xiàn)Div窗口震動(dòng)特效代碼-代碼簡(jiǎn)單
本文給大家介紹基于jiquery實(shí)現(xiàn)div窗口震動(dòng)特效代碼，需要的朋友可以參考下2015-08-08
jQuery+Ajax+PHP彈出層異步登錄效果(附源碼下載)
本文我們給大家介紹如何使用jQuery+Ajax+PHP彈出層異步登錄的應(yīng)用。感興趣的朋友通過(guò)本文學(xué)習(xí)吧2016-05-05
下面小編就為大家?guī)?lái)一篇淺談jQuery雙事件多重加載的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08