jQuery 验证电子邮件验证问题

Question

我正在尝试排查并修复电子邮件验证无法正常工作的原因。它应该检测到无效的电子邮件:其中有太多...(点)，但仍然除了欧洲地址(test@tom.uk.tk)以及test@aol.com。但到目前为止，除了一个点之外，如果你没有完成输入，只要它有@，只要你不添加(.)点。有人可以帮我解决我哪里出错了吗？

<script>
     $("#form").validate({
    rules: {
        firstname_1: {
            required: true
        },
        email_1: {
            required: true,
            email: true
        },
        // Same for other fields
    },
    messages: {
        firstname_1: "This field is required.",
        email_1>: "Please enter valid email address.",
        // Repeat for other fields
    }
});
function isValidEmail(email_1)
{
    return /^[a-z0-9]+([-._][a-z0-9]+)*@([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,4}$/.test(email_1)
        && /^(?=.{1,64}@.{4,64}$)(?=.{6,100}$).*/.test(email_1);
}
</script>

Answer 1

假设您已经拥有正确的验证逻辑和/或正则表达式，那么您需要使用 the .addMethod() method 创建自己的规则.

$("#form").validate({
    rules: {
        firstname_1: {
            required: true
        },
        email_1: {
            required: true,
            myEmail: true  // <- declare your custom rule
        },
        // Same for other fields
    },
    messages: {
        firstname_1: "This field is required.",
        email_1: "Please enter valid email address.",
        // Repeat for other fields
    }
});

// create your custom rule
jQuery.validator.addMethod("myEmail", function(value, element) {
    return this.optional(element) || /* your regex boolean logic goes here */;
}, 'Please enter valid email address.');

注意:messages 中的字段名称也存在语法/拼写错误。应为 email_1，而不是 email_1>。

See this answer了解使用 .addMethod() 的正确方法。