jQuery验证|电子邮件地址

时间:2017-10-22 06:42:58

标签: jquery formvalidation-plugin

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

enter image description here我是否需要手动添加验证方法?

1 个答案:

答案 0 :(得分:0)

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

$.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.",
        },
    }
});