Javascript 从所有输入元素中删除类

我想从我的输入元素中删除一个类。我正在使用

MVC

中的

数据注释和不引人注目的javascript进行验证，无论如何，当用户单击提交按钮时，我想从所有输入元素中删除
有效的
类，因为它会更改所有不必要的输入（非必需的）有效（绿色边框）而且看起来不太好。不管怎样，我试试这个：

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

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

但它不起作用，也尝试了：

$("input").removeClass("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");
        }); 
    }

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

但仍然没有成功。我不太了解jQuery，可能我遗漏了一些简单的东西。问题出在哪里？
尝试将代码包装到DOM ready中：

 $(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个class=“valid”的输入将其变为绿色，还有一些jquery将其删除

这可能会帮助您
如果类附加到输入元素，那么它应该像

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


由于OP不希望应用有效的突出显示，所以将
validClass
设置为
'
修复了它

对于页面，默认validClass是使用

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

如果类附加到输入元素，那么它应该像
$（“input.valid”）一样简单。removeClass（'valid'）
您可以检查该类是添加到输入本身还是添加到其父元素之一，但所有输入都有多个类。我不知道
input.valid
它是如何工作的。。。。它检查类是否存在于我检查的类列表中，它添加了所有输入元素。