解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法
更新時間：2019年08月27日 08:30:32 投稿：laozhang
在本篇文章里小編給大家整理了關(guān)于解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法，有需要的朋友們可以學習下。
在使用validate進行表單驗證時會有第一次驗證通過，但是第二次驗證不通過時，第一次驗證通過的信息殘留在label上面的情況，最常見的就是√殘留
如此圖所示：
此時“請輸入姓名”前面應(yīng)該時×才是正常情況。如何解決這個問題？
需要對jquery.validate.js文件進行修改，原因如下：
一次驗證成功但是二次驗證失敗后，會進入如下代碼：
showLabel: function( element, message ) {
var place, group, errorID,
error = this.errorsFor( element ),
elementID = this.idOrName( element ),
describedBy = $( element ).attr( "aria-describedby" );
if ( error.length ) {
// refresh error/success class
error.removeClass( this.settings.validClass ).addClass( this.settings.errorClass );
// replace message on existing label
error.html( message );
} else {
// create error element
error = $( "<" + this.settings.errorElement + ">" )
.attr( "id", elementID + "-error" )
.addClass( this.settings.errorClass )
.html( message || "" );
其中會執(zhí)行 error.removeClass( this.settings.validClass ) 這個代碼，我們找到 validClass 后會發(fā)現(xiàn) validClass: "valid"，我們一般會將驗證成功的類名設(shè)置為“success”，所以我們只需要將validClass: "valid"
改為validClass: "success"就可以消除這個問題
以上就是全部知識點內(nèi)容，需要的朋友們可以參考下。
相關(guān)文章
treepanel動態(tài)加載數(shù)據(jù)實現(xiàn)代碼
本文介紹一個treepanel動態(tài)加載數(shù)據(jù)的例子，需要了解的朋友可以參考下2012-12-12
checkbox全選/取消全選以及checkbox遍歷jQuery實現(xiàn)代碼
checkbox全選/取消全選以及checkbox遍歷jQuery實現(xiàn)代碼2009-12-12
jQuery動態(tài)添加刪除select項(實現(xiàn)代碼)
以下是對jQuery動態(tài)添加刪除select項的實現(xiàn)代碼進行了詳細的分析介紹，需要的朋友可以過來參考下2013-09-09
這篇文章主要介紹了jquery實現(xiàn)仿新浪微博評論滾動效果,基于jquery實現(xiàn)頁面圖文定時滾動效果,涉及jquery頁面元素的遍歷與樣式的動態(tài)操作技巧,是一款經(jīng)典的jquery滾動特效,非常具有實用價值,需要的朋友可以參考下2015-08-08
jquery實現(xiàn)Slide Out Navigation滑出式菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)Slide Out Navigation滑出式菜單效果代碼,涉及jquery基于鼠標事件操作頁面元素動態(tài)變換的技巧,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery對象的鏈式操作用法,結(jié)合實例形式分析了鏈式操作的原理、特點及相關(guān)注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2016-05-05
這篇文章介紹了jQuery操作元素節(jié)點的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
本篇文章主要介紹了jQuery導航條固定定位效果實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了jQuery實現(xiàn)長按按鈕觸發(fā)事件的方法,可應(yīng)用于手機端應(yīng)用程序的開發(fā)中,非常具有實用價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jQuery技巧之讓任何組件都支持類似DOM的事件管理 的相關(guān)資料,需要的朋友可以參考下2016-04-04