jQuery validate插件submitHandler提交導致死循環(huán)解決方法
本文實例講述了jQuery validate插件submitHandler提交導致死循環(huán)解決方法。分享給大家供大家參考,具體如下:
dom對像的提交form.submit();和jquery對像的提交$('').submit();功能上是沒有什么區(qū)別的。但是如果用了jquery validate插件,提交時這二個就區(qū)別大了。$('').submit();提交時,jquery validate會進行驗證,submitHandler里面如果寫了$('').submit();會導致死循環(huán),而form.submit();則不會。
這個問題是個小問題,如果不注意,或者寫習慣了,容易出錯;并且出錯時,很難查找。我花了近二個小時,才找到原因。
一、簡單說一下dom對像和jquery對像
dom對像,你要用js的寫法來操作,頁面中的標簽。而jquery對像呢,你要用jquery的語法來操作。
dom對像轉(zhuǎn)換成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 死循環(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)的時候,瀏覽器會一直處于加載中,直到瀏覽器掛掉,這個時候,可以加一個alert,你就會知道,validate一直在循環(huán)驗證。個人覺得,雖然是個小問題,但是很難想起來。
更多關(guān)于jQuery插件相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設計有所幫助。
- jquery validate表單驗證插件
- 基于Bootstrap+jQuery.validate實現(xiàn)表單驗證
- jQuery驗證插件validate使用方法詳解
- JQuery validate插件驗證用戶注冊信息
- CKEditor無法驗證的解決方案(js驗證+jQuery Validate驗證)
- jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
- jquery.validate提示錯誤信息位置方法
- jQuery validate插件實現(xiàn)ajax驗證重復的2種方法
- 深入學習jQuery Validate表單驗證(二)
- jquery.validate[.unobtrusive]和Bootstrap實現(xiàn)tooltip錯誤提示問題分析
相關(guān)文章
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K...2007-08-08運用JQuery的toggle實現(xiàn)網(wǎng)頁加載完成自動彈窗
toggle()事件 它主要切換元素的可見狀態(tài),下面為大家介紹下運用JQuery的toggle實現(xiàn)網(wǎng)頁加載完成自動彈窗2014-03-03jquery提取元素里的純文本不包含span等里的內(nèi)容
如何實現(xiàn)提取元素里的純文本,不包含span等里的內(nèi)容,這就是本文要為大家介紹的重點,你將學會使用jquery來實現(xiàn)2013-09-09Jquery+ajax+JAVA(servlet)實現(xiàn)下拉菜單異步取值
這篇文章主要介紹了Jquery+ajax+JAVA(servlet)實現(xiàn)下拉菜單異步取值的相關(guān)資料,需要的朋友可以參考下2016-03-03