jQuery 验证的电子邮件规则未按预期工作 | jQuery 验证 |电子邮件验证

【问题标题】：Email rule of the jQuery validation is not working as expected | jQuery Validation | email validationjQuery 验证的电子邮件规则未按预期工作 | jQuery 验证 |电子邮件验证
【发布时间】：2018-04-02 22:22:27
【问题描述】：

我正在尝试使用 jquery 验证 API 验证我的表单，当我设置规则 email: true 时，即使我只输入了一个不完整的电子邮件地址，它也会说电子邮件地址没问题。这个问题也在jQuery验证网站的官方网站上。

我需要手动添加验证方法吗？

【问题讨论】：

您可以根据需要使用 HTML 验证电子邮件
我觉得 Jq Validation UI 比简单的 HTML 验证要好很多。
见Sets a custom email pattern for the built-in email validation rule.
它们都在前端进行验证，所以它们是相同的，实际上使用 html 更好，更干净，更少的代码来维护你只需要添加一行
如果 jQ 表单验证 API 已经为我们提供了那么为什么我需要使用其他选项。

标签： jquery formvalidation-plugin

【解决方案1】：

我不知道这是在很长一段时间后回答我自己的问题的好时机。但是我通过创建自己的规则来实现电子邮件验证，如下所示

$.validator.addMethod("validate_email", function(value, element) {
    if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)) {
        return true;
    } else {
        return false;
    }
}, function(params, element) {
    return "The "+element.name+" must be a valid email address.";
});

并按如下方式使用

registerFormEle.validate({
    ignore: [],
    rules: {
        // other rules
        email: {
            required: true,
            validate_email: true,
            maxlength: 255
        }
    },
    messages: {
        // other validation messages
        email: {
            validate_email: "The email must be a valid email address.",
        },
    }
});

【讨论】：