解決jquery validate 驗(yàn)證不通過后驗(yàn)證正確的信息仍殘留在label上的方法
在使用validate進(jìn)行表單驗(yàn)證時(shí)會(huì)有第一次驗(yàn)證通過,但是第二次驗(yàn)證不通過時(shí),第一次驗(yàn)證通過的信息殘留在label上面的情況,最常見的就是√殘留
如此圖所示:
此時(shí)“請(qǐng)輸入姓名”前面應(yīng)該時(shí)×才是正常情況。如何解決這個(gè)問題?
需要對(duì)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è)問題
以上就是全部知識(shí)點(diǎn)內(nèi)容,需要的朋友們可以參考下。
相關(guān)文章
jQuery maxlength文本字?jǐn)?shù)限制插件
相信大家對(duì)twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時(shí)提示效果設(shè)計(jì)的非常人性化.2010-04-04jQuery實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能,結(jié)合實(shí)例形式分析了基于jQuery的倒計(jì)時(shí)操作功能實(shí)現(xiàn)方法,涉及jQuery表單提交、驗(yàn)證、正則操作等技巧,需要的朋友可以參考下2017-01-01jquery 頁(yè)面滾動(dòng)到指定DIV實(shí)現(xiàn)代碼
頁(yè)面滾動(dòng)到指定DIV的方法有很多,在本文將為大家介紹下jquery是如何實(shí)現(xiàn)的2013-09-09jquery實(shí)現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過菜單項(xiàng)實(shí)現(xiàn)下拉列表顯示效果的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08使用jQuery動(dòng)態(tài)設(shè)置單選框的選中效果
這篇文章主要介紹了使用jQuery動(dòng)態(tài)設(shè)置單選框的選中效果,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12jQuery之網(wǎng)頁(yè)換膚實(shí)現(xiàn)代碼
用jQuery做網(wǎng)頁(yè)換膚確實(shí)是很一個(gè)很巧妙,很好的選擇,這是本人在學(xué)習(xí)jQuery中學(xué)的知識(shí),感覺很有用,寫了下來,希望大家有更好的方法或者代碼不足的地方請(qǐng)諒解,本人也是初學(xué)者啊,希望大家互相勉勵(lì)互相學(xué)習(xí)。2011-04-04放棄用你的InnerHTML來輸出HTML吧 jQuery Tmpl不詳細(xì)講解
在Ajax橫道的今天,我們?cè)陧?yè)面交互上有了更高的要求,動(dòng)態(tài)生成HTML毫無疑問是其中的一種。動(dòng)態(tài)生成HTML的方式多種多樣,最終通過一定的方法輸出給用戶innerHTML、documentWrite等方式2013-04-04JQuery查找子元素find()和遍歷集合each的方法總結(jié)
下面小編就為大家?guī)硪黄狫Query查找子元素find()和遍歷集合each的方法總結(jié)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03