jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法
本文實(shí)例講述了jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法。分享給大家供大家參考,具體如下:
dom對(duì)像的提交form.submit();和jquery對(duì)像的提交$('').submit();功能上是沒有什么區(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è)問題是個(gè)小問題,如果不注意,或者寫習(xí)慣了,容易出錯(cuò);并且出錯(cuò)時(shí),很難查找。我花了近二個(gè)小時(shí),才找到原因。
一、簡單說一下dom對(duì)像和jquery對(duì)像
dom對(duì)像,你要用js的寫法來操作,頁面中的標(biāo)簽。而jquery對(duì)像呢,你要用jquery的語法來操作。
dom對(duì)像轉(zhuǎn)換成jquery的對(duì)像呢,也很簡單,就加上$()這個(gè)就行了,然后就可以用jquery的語法來操作,頁面中的標(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è)人覺得,雖然是個(gè)小問題,但是很難想起來。
更多關(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無法驗(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ò)誤提示問題分析
相關(guān)文章
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K...2007-08-08Jquery如何實(shí)現(xiàn)點(diǎn)擊時(shí)高亮顯示代碼
點(diǎn)擊時(shí)高亮顯示代碼的實(shí)現(xiàn)方法有很多,下面的示例使用jquery來實(shí)現(xiàn),需要的朋友可以了解下2014-01-01JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比,大家可以看下,根據(jù)實(shí)際情況選用。2009-10-10運(yùn)用JQuery的toggle實(shí)現(xiàn)網(wǎng)頁加載完成自動(dòng)彈窗
toggle()事件 它主要切換元素的可見狀態(tài),下面為大家介紹下運(yùn)用JQuery的toggle實(shí)現(xiàn)網(wǎng)頁加載完成自動(dòng)彈窗2014-03-03jquery提取元素里的純文本不包含span等里的內(nèi)容
如何實(shí)現(xiàn)提取元素里的純文本,不包含span等里的內(nèi)容,這就是本文要為大家介紹的重點(diǎn),你將學(xué)會(huì)使用jquery來實(shí)現(xiàn)2013-09-09jQuery實(shí)現(xiàn)的自定義滾動(dòng)條實(shí)例詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義滾動(dòng)條,結(jié)合完整實(shí)例詳細(xì)分析了jQuery自定義滾動(dòng)條的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并給出了jquery.jscroll.js插件的完整代碼,需要的朋友可以參考下2016-09-09Jquery+ajax+JAVA(servlet)實(shí)現(xiàn)下拉菜單異步取值
這篇文章主要介紹了Jquery+ajax+JAVA(servlet)實(shí)現(xiàn)下拉菜單異步取值的相關(guān)資料,需要的朋友可以參考下2016-03-03