首页 / JQUERY / jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法

jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1036字，纯文字阅读大概需要2分钟。

内容图文

在使用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"就可以消除这个问题

 

原文：https://www.cnblogs.com/JSD1207ZX/p/11415615.html

内容总结

以上是互联网集市为您收集整理的jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法全部内容，希望文章能够帮你解决jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1300154.html

来源：【匿名】