使用MVC不显眼验证后删除字段上的红色边框

Question

我试图在验证后删除字段上的红色边框。我仍然希望该字段得到验证，但周围没有红色边框。如果验证失败，我想在其余字段上使用红色边框。

我尝试了这个并没有删除那个字段上的红色边框。

$(function () {
    $("form").submit(function (e) {
        $(this).validate();

        $(".SomeClass").removeClass("input-validation-error");
        alert();
    });
});

我没有收到任何错误消息。显示警报但红色边框仍在该字段上。

Answer 1

我已经看到有几个堆栈溢出帖子，因为removeclass在各种情况下无法正常工作。我还没有深入研究过这个问题，为什么会这样呢？我现在推荐一个替代选项。我认为toggleClass（）可能会为你做到这一点。尝试使用togglecClass（）而不是remove方法。

Answer 2

我明白了。我设法用css而不是jquery修复了这个问题。

.input-validation-error
{
    border: 1px solid red !important;
}


.SomeClass
{
    width : 0;
    height: 0;
    border: 0 !important;

}

重要的是诀窍。