从所有输入元素中删除一个类答案

【问题标题】：Removing a class from all input elements从所有输入元素中删除一个类
【发布时间】：2014-01-17 03:21:30
【问题描述】：

我想从我的输入元素中删除一个类。我在MVC 中使用Data Annotations 和不显眼的javascript 进行验证，无论如何，当用户单击提交按钮时，我想从所有输入元素中删除valid 类，因为它改变了所有不必要的输入（非必需）有效（绿色边框颜色）并且看起来不太好。无论如何，我试试这个：

$("#submitBtn").click(function () {
    if ($(".input-validation-error").length == 0) { // if there is no error
        $(this).button('loading');     
    } else {
        $("input").each(function () {
            $(this).removeClass("valid");
        }); 
    }

还是不行，也试过了：

$("input").removeClass("valid");

它也没有工作。我认为它可能在验证之前工作，并且在点击事件之后自动添加有效类。所以我试试这个：

setInterval(function() {
    $("input").each(function() {
        $(this).removeClass("valid");
    });
}, 1000);

但仍然没有成功。我对jQuery不太了解，可能我缺少一些简单的东西。有什么问题？

【问题讨论】：

如果类附加到输入元素，那么它应该像$("input.valid").removeClass('valid')一样简单
您能否检查该类是添加到输入本身还是添加到其父元素之一
但所有输入都不止一个类。我不认为input.valid works
它确实......它检查类是否存在于类列表中
我检查了，它添加了所有输入元素。

标签： javascript jquery asp.net-mvc validation

【解决方案1】：

如果类附加到输入元素，那么它应该像

一样简单

$("input.valid").removeClass('valid')

事实证明 OP 不希望应用有效的突出显示，因此将 validClass 设置为 '' 修复了它

对于页面，默认的 validClass 是使用设置的

jQuery.validator.setDefaults({ validClass: '' });

【讨论】：

【解决方案2】：

尝试将您的代码包装在准备好的 DOM 中：

 $(document).ready(function() {
      $("#submitBtn").click(function () {
           if ($(".input-validation-error").length == 0) { // if there is no error
                $(this).button('loading');     
           } else {

           $("input").each(function () {
               $(this).removeClass("valid");
           }); 
      }
})

【讨论】：

【解决方案3】：

看看这个小提琴：

http://jsfiddle.net/dwQb4/1/

$("input").removeClass("valid");

有 3 个输入 class="valid" 将它们变为绿色，还有一些 jquery 用于删除类

这可能对你有帮助

【讨论】：