解決jquery validate 驗(yàn)證不通過后驗(yàn)證正確的信息仍殘留在label上的方法
在使用validate進(jìn)行表單驗(yàn)證時(shí)會(huì)有第一次驗(yàn)證通過，但是第二次驗(yàn)證不通過時(shí)，第一次驗(yàn)證通過的信息殘留在label上面的情況，最常見的就是√殘留
如此圖所示：
此時(shí)“請輸入姓名”前面應(yīng)該時(shí)×才是正常情況。如何解決這個(gè)問題？
需要對jquery.validate.js文件進(jìn)行修改，原因如下：
一次驗(yàn)證成功但是二次驗(yàn)證失敗后，會(huì)進(jìn)入如下代碼：
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 || "" );
其中會(huì)執(zhí)行 error.removeClass( this.settings.validClass ) 這個(gè)代碼，我們找到 validClass 后會(huì)發(fā)現(xiàn) validClass: "valid"，我們一般會(huì)將驗(yàn)證成功的類名設(shè)置為“success”，所以我們只需要將validClass: "valid"
改為validClass: "success"就可以消除這個(gè)問題
以上就是全部知識點(diǎn)內(nèi)容，需要的朋友們可以參考下。
相關(guān)文章
treepanel動(dòng)態(tài)加載數(shù)據(jù)實(shí)現(xiàn)代碼
本文介紹一個(gè)treepanel動(dòng)態(tài)加載數(shù)據(jù)的例子，需要了解的朋友可以參考下2012-12-12
checkbox全選/取消全選以及checkbox遍歷jQuery實(shí)現(xiàn)代碼
checkbox全選/取消全選以及checkbox遍歷jQuery實(shí)現(xiàn)代碼2009-12-12
jQuery動(dòng)態(tài)添加刪除select項(xiàng)(實(shí)現(xiàn)代碼)
以下是對jQuery動(dòng)態(tài)添加刪除select項(xiàng)的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下2013-09-09
jquery實(shí)現(xiàn)仿新浪微博評論滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)仿新浪微博評論滾動(dòng)效果,基于jquery實(shí)現(xiàn)頁面圖文定時(shí)滾動(dòng)效果,涉及jquery頁面元素的遍歷與樣式的動(dòng)態(tài)操作技巧,是一款經(jīng)典的jquery滾動(dòng)特效,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jquery實(shí)現(xiàn)Slide Out Navigation滑出式菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)Slide Out Navigation滑出式菜單效果代碼,涉及jquery基于鼠標(biāo)事件操作頁面元素動(dòng)態(tài)變換的技巧,需要的朋友可以參考下2015-09-09
jQuery實(shí)現(xiàn)長按按鈕觸發(fā)事件的方法
