自定义jQuery表单验证

Question

我写了一个基本的验证检查，因为它的大部分内容是在服务器端完成的，但我使用的是（代码段不是所有代码）：

e.preventDefault();

        var error = false;
        var name = $("input[name='name']").val();
        var email = $("input[name='email']").val();

        if(name.length == 0){
        var error = true;
        var name = $("input[name='name']").addClass("error");
        }else{
        $("input[name='name']").removeClass("error");
        }

        if(email.length == 0 || email.indexOf('@') == '-1'){
        var error = true;
        var email = $("input[name='email']").addClass("error");
        }else{
        $("input[name='email']").removeClass("error");
        }

但是，如果我将这两个字段留空，则只有电子邮件字段会附加课程 - 不仅如此，只要电子邮件存在，表单就会提交 - 为什么名称字段留空而没有被选中？

Answer 1

我会在电子邮件之后再做另一个条件。 类似的东西：

if (email.length == 0 && name.length == 0) {
    $("input[name='email']").addClass("error");
    $("input[name='name']").addClass("error");
}