解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法
更新時間：2019年08月27日 08:30:32 投稿：laozhang
在本篇文章里小編給大家整理了關(guān)于解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法，有需要的朋友們可以學(xué)習(xí)下。
在使用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)文章
相信大家對twitter類的微博客都不陌生,作為一句話博客其字數(shù)即時提示效果設(shè)計的非常人性化.2010-04-04
jQuery實現(xiàn)倒計時重新發(fā)送短信驗證碼功能示例
這篇文章主要介紹了jQuery實現(xiàn)倒計時重新發(fā)送短信驗證碼功能,結(jié)合實例形式分析了基于jQuery的倒計時操作功能實現(xiàn)方法,涉及jQuery表單提交、驗證、正則操作等技巧,需要的朋友可以參考下2017-01-01
頁面滾動到指定DIV的方法有很多，在本文將為大家介紹下jquery是如何實現(xiàn)的2013-09-09
jquery實現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼,可實現(xiàn)鼠標(biāo)滑過菜單項實現(xiàn)下拉列表顯示效果的功能,非常具有實用價值,需要的朋友可以參考下2015-08-08
使用jQuery動態(tài)設(shè)置單選框的選中效果
這篇文章主要介紹了使用jQuery動態(tài)設(shè)置單選框的選中效果,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12
用jQuery做網(wǎng)頁換膚確實是很一個很巧妙，很好的選擇，這是本人在學(xué)習(xí)jQuery中學(xué)的知識，感覺很有用，寫了下來，希望大家有更好的方法或者代碼不足的地方請諒解，本人也是初學(xué)者啊，希望大家互相勉勵互相學(xué)習(xí)。2011-04-04
放棄用你的InnerHTML來輸出HTML吧 jQuery Tmpl不詳細講解
在Ajax橫道的今天，我們在頁面交互上有了更高的要求，動態(tài)生成HTML毫無疑問是其中的一種。動態(tài)生成HTML的方式多種多樣，最終通過一定的方法輸出給用戶innerHTML、documentWrite等方式2013-04-04
這篇文章主要介紹了8款超贊的jQuery評分插件，推薦給大家，有需要的小伙伴可以參考下2015-08-08
通過jQuery中基本的動畫方法，能夠輕松地為網(wǎng)頁添加非常精彩的視覺效果，給用戶一種全新的體驗，本文主要對jQuery中基本的動畫方法進行詳細介紹，需要的朋友一起來看下吧2016-12-12
JQuery查找子元素find()和遍歷集合each的方法總結(jié)
下面小編就為大家?guī)硪黄狫Query查找子元素find()和遍歷集合each的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03