Question

在某些情况下，jQuery Validate plugin不适合用于电子邮件验证。 “abc@test.c”（单字母后缀）和“중국어@ test.com”（非字母数字）作为有效的电子邮件地址传递。

如何使用jQuery Validate插件过滤这两个无效的电子邮件地址？

Answer 1

As per the documentation，您需要构建自己的自定义方法。

添加自定义验证方法。它必须由一个名字组成（必须是一个   合法的javascript标识符），基于javascript的函数和   默认字符串消息。

<强>参数：

name; String用于标识和引用它的方法名称必须是有效的JavaScript标识符

方法; 回调实际的方法实现，如果元素有效则返回true。第一个论点：当前价值。第二   参数：验证元素。第三个参数：参数。

message（可选）; 字符串，函数要为此方法显示的默认消息。可以是由...创建的函数   jQuery.validator.format（值）。未定义时，已存在   使用消息（方便本地化），否则特定于字段   必须定义消息。

以下是我命名为method的自定义newemail。现在，它只是使用“电子邮件”验证的默认功能。只需在此功能中编辑正则表达式即可满足您的特定需求。

jQuery.validator.addMethod("newemail", function(value, element) {
            // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
            return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value); 
}, "Please enter a valid email address");

然后在.validate()内使用它，就像使用任何其他规则一样。

rules: {
    InputName: {
        required: true,
        newemail: true
    }
}

Answer 2

以下是我使用remote:的解决方案：

$("#myForm").validate({
    rules: {
        femail: {
            required: true,
            email: true,
            remote: "lib/ajax/checkEmail.php"
        }
    },
    messages: {
        femail: {
            required: 'Please input email',
            email: 'Please input valid email',
            remote: 'This email is duplicated/invalid, please re-input an email'
        }
    },
    submitHandler: function(form) {
        form.submit();
    }
});

在checkEmail.php中，它实现了额外的逻辑来验证特殊情况，然后至少回显true或false。

希望它有所帮助。

如何使用jQuery Validate插件验证电子邮件

2 个答案: