用Jquery更改字段的背景色三秒？

Question

我对jquery很陌生。我有一个简单的表格，它有四个字段:用户名必须是4-8个字符的长度，生日必须是一个日期，电子邮件地址必须是一个有效的电子邮件地址和主页，必须是一个有效的URL.I。我在下面的代码中写了这个部分。

，下面是我的问题：，我想添加一段代码，“每当规则被打破时，都是

对于我的表单中的一个字段，该字段必须有一个黄色的背景色，持续3秒钟，然后它又变回原来的白色。：“你知道吗?我真的很感谢你的帮助。

$('form').validate();
$("#username").rules("add",{
minlength: 4,maxlength: 8,
messages:{
required: "Required input",minlength: jQuery.format("must be 4-8 characters")}
});

Answer 1

$('form').validate().submit(function(){
     setTimeout(function(){
          $(this).find('.error').removeClass('error');
     }, 3000);
});

验证和提交不必在同一个链上，但是您可以从submit事件中设置一个超时以删除错误状态。

$('form').validate({
      invalidHandler : function(form){
           setTimeout(function(){
               $(form).find('.error').removeClass('error');
           }, 3000);
      }
})

Answer 2

要使无效字段具有黄色背景颜色，请将以下内容添加到css中：

.error{
    background: yellow;
}

.error是验证表单时给予无效字段的类名。至于把背景变回白色的超时，我已经尝试了一段时间，没有运气。任何想法都将不胜感激。