jquery - 修复后 Jquery 电子邮件验证再次触发

Question

当电子邮件地址无效时，它在 IF 上工作正常。然后，当我去输入一封有效的电子邮件时，ELSE 应该触发并清除它不是的错误 div。

<SCRIPT>
$(document).ready(function(){

$("#email").blur(function (){
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (!emailReg.test(email.value)) {
    $("#theErrorDivID").html('Email Address Is Not Valid!');
    $('#email').css("background-color","red");
    $('#email').focus();
}
else {
    $("#theErrorDivID").html = "";
}

 })


  });
 </SCRIPT>

Answer 1

$("#theErrorDivID").html = "";

应该

$("#theErrorDivID").html("");

Answer 2

演示在这里

$(document).ready(function () {
    $("#email").blur(function () {
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        if (!emailReg.test($("#email").val())) {
            $("#theErrorDivID").html('Email Address Is Not Valid!');
            $('#email').css("background-color", "red");
            $('#email').focus();
        } else {
            $("#theErrorDivID").html("");
        }

    })
});

如果你想.test() email.value，你应该有$("#email").val()（除非 email 之前是一个定义的变量）；在 else 你应该有.html("")而不是.html = "";