jquery - jquery 验证时 html 输入未清除

Question

当该元素变空时，我在从 HTML 输入中删除类时遇到问题。

请参阅:http://jsfiddle.net/GgFXs/4/

这种情况会发生一瞬间，或者如果您按住字段中的退格按钮。此后的任何时候，该字段都会呈现“有效”类别 - 为什么？以及如何修复？

Answer 1

你的逻辑很复杂。有时您会遇到同时应用 .valid 和 .invalid 的不良情况。试试这个:

$(function() {
    $('form').validate();
    $('input').bind('input', function() {
        if ($(this).val() != '') $(this).addClass('nonEmpty');
        else $(this).removeClass('nonEmpty');

        if ($(this).valid()) $(this).addClass('valid');
        else $(this).removeClass('valid');
    });
});

.nonEmpty {background: #E4CCCC;}
.nonEmpty.valid {background: #9BCC60;}