html输入未在jquery验证上清除

问题描述

| 当该元素为空时，从HTML输入中删除类时遇到问题。 请参阅：http://jsfiddle.net/GgFXs/4/ 这种情况会瞬间发生，或者如果您在字段中按住退格键。 此后的任何时间，该字段都采用“有效”类-为什么？以及如何解决？     

解决方法

        您正在将Validation插件的功能与您自己的代码混合在一起。您可以删除

valid

className，但是如果Validation插件认为该字段有效，则会将其重新添加。 如果您希望空白字段被Validation插件拒绝，则必须给它“ѭ1”。如果要手动监视，添加和删除类，则实际上并没有按照预期的IMO使用Validation插件。     ,        您的逻辑很复杂。您有时会遇到同时应用

.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;}