jqueryvalidate验证不通过后验证正确的信息仍残留在label上怎么办
这篇文章主要为大家展示了“jquery validate验证不通过后验证正确的信息仍残留在label上怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery validate验证不通过后验证正确的信息仍残留在label上怎么办”这篇文章吧。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、网络空间、营销软件、网站建设、辰溪网站维护、网站推广。
在使用validate进行表单验证时会有第一次验证通过,但是第二次验证不通过时,第一次验证通过的信息残留在label上面的情况,最常见的就是√残留
如此图所示:
此时“请输入姓名”前面应该时×才是正常情况。如何解决这个问题?
需要对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 || "" );
其中会执行 error.removeClass( this.settings.validClass ) 这个代码,我们找到 validClass 后会发现 validClass: "valid",我们一般会将验证成功的类名设置为“success”,所以我们只需要将validClass: "valid"
改为validClass: "success"就可以消除这个问题
以上是“jquery validate验证不通过后验证正确的信息仍残留在label上怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网页名称:jqueryvalidate验证不通过后验证正确的信息仍残留在label上怎么办
地址分享:http://ybzwz.com/article/jisigg.html