Question

我需要创建一个电子邮件验证代码，该代码具有实时验证并在最后有一个成功消息框。

出于此任务的目的，电子邮件地址必须：

•以一串字母数字字符开头

•后跟@符号

•另一串字母数字字符

•后面跟着“。 “

•然后是一串字母数字字符。

例如a@b.c和ab23@f45.d3都有效

但是@ bc.d和123.c@cvb无效

如果不满足任何这些变量，实时验证必须这样说！

这需要在HTML5中，需要快速帮助!!!!

Answer 1

您可以使用javascript正则表达式检查电子邮件地址：

var mail = 'john.doe@example.com'
var re = /^(([^<>()\[\]\\.,;:\s@\"]+(\.[^<>()\[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  if (!re.test(mail)) {
    window.alert('Invalid email address');
}

此处有更多信息：http://www.w3schools.com/jsref/jsref_regexp_test.asp

Answer 2

有点难以知道你的实际问题是什么，但正如@matías-fidemraizer在评论中所说，有很多JavaScript库可以做这种验证，一个相当快速的网络搜索应该给你一些好处起点。

如果你想要一些更直接的建议，并且你提到显示成功消息等，也许可以看一下例如框架Bootstrap和一些可用的电子邮件验证插件。快速搜索给出了这两个：Bootstrap Validator和BootstrapValidator。

使用HTML5进行电子邮件验证

2 个答案: