Jquery 插件（或自定义）屏蔽字段以强制用户输入有效的电子邮件？

Question

我见过大量用于屏蔽输入的 jquery 插件，但没有一个可用于电子邮件字段？

我已将http://digitalbush.com/projects/masked-input-plugin/ 用于电话和ssn。有人推荐一个电子邮件字段插件吗？

Answer 1

您可以查看jquery.validate 插件。它具有email 规则，可以很容易地验证输入是电子邮件地址：

$('#myform').validate({
    rules: {
        field: {
            required: true,
            email: true
        }
    }
});

如果您的客户端浏览器支持 HTML5，另一种方法是简单地使用 email 输入类型，您将免费获得格式验证。

但请记住，无论您在客户端上使用什么魔法，您都应该绝对验证服务器上的用户输入。这是您在考虑对客户端进行任何花哨的验证之前应该做的第一件事。因为无论您在客户端上编写多么花哨的验证规则，人们总是可以伪造一个 HTTP 请求，该请求将直接访问您的 Web 服务器，而无需经过任何客户端验证或 javascript 内容。