javascript - jQuery 添加和删除类检查

Question

这个功能有效。工作没有任何问题。

if ($(".register-frame").length) {
    var emailCheck = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    $('#email-field').change(function () {
        if (!$('#email-field').val().match(emailCheck)) {
            if ($("#email-field").hasClass("field-success")) {
                $("#email-field").removeClass('field-success');
            }
            if (!$("#email-field").hasClass("field-error")) {
                $("#email-field").addClass('field-error');
            }
        } else {
            if ($("#email-field").hasClass("field-error")) {
                $("#email-field").removeClass('field-error');
            }
            if (!$("#email-field").hasClass("field-success")) {
                $("#email-field").addClass('field-success');
            }
        }
    });
}

.login-frame .field-error { border-color: #A94442; }
.login-frame .field-success { border-color: #3C763D; }

基本上，此函数检查电子邮件字段何时更改，是否是有效的电子邮件。如果它不是有效的电子邮件，则会删除有效的类(如果存在)，然后添加无效的类(如果不存在)。

所以我的问题是，这个功能对我来说似乎已经完成了。许多检查。有没有更有效的方法来做同样的事情？

Answer 1

我会用函数来简化它。简而言之，它会是这样的:

$('#email-field').blur(function () {
    var is_valid = is_valid($(this).val());
    if (is_valid){
        $("#email-field").addClass('field-success').removeClass('field-error');
    }else{
        $("#email-field").removeClass('field-success').addClass('field-error');
    }
});

function is_valid(email){
   //blah
}