1

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

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

4

2 回答 2

0

根据文档，您需要构建自己的自定义方法。

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

论据：

姓名; String 方法的名称，用于识别和引用它，必须是有效的 javascript 标识符

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

消息（可选）；String, Function 要为此方法显示的默认消息。可以是 jQuery.validator.format(value) 创建的函数。如果未定义，则使用已经存在的消息（便于本地化），否则必须定义字段特定的消息。

以下是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
    }
}
于 2012-12-19T21:24:33.843 回答
0

这是我使用的解决方案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作为回报。

希望能帮助到你。

于 2012-12-20T02:33:52.170 回答