Jquery表单验证,焦点事件仅适用于第一次

时间:2016-01-26 17:30:53

标签: jquery css validation

我想使用jquery立即验证表单。实际上,在焦点出现后进行验证。但验证仅针对第一个焦点而不是针对下一个焦点事件。 这是我的fiddle链接。 我想对每个重点活动进行验证,请帮助...... TIA

$key

}

2 个答案:

答案 0 :(得分:0)

我认为这部分应该改写如下。 否则,如果您发出错误并在以后更正,则错误消息将不会一直消失。

if ($.trim(emailCheck).length == 0) {
    $(".validation-error").addClass("visible").delay(3000).fadeOut(900);
} else {
    $(".validation-error").removeClass("visible");
}

if (validateEmail(emailCheck)) {
    $(".validation-success").addClass("visible").delay(3000).fadeOut(900);
    $(".validation-error").removeClass("visible");
}
else {
    $(".validation-error").addClass("visible").delay(3000).fadeOut(900);
    $(".validation-success").removeClass("visible");
}

答案 1 :(得分:0)

阅读toggleClass toggleClass

的内容 fadeOut后检查validation-error元素的样式