我将如何使用javascript来验证带有DOM输出的电子邮件

Question

基本上我在html中创建了一个表单，当正确输入内容时，它只会转到 google.com。现在我已经完成了前几个字段，但我不确定如何让它识别输入是否包含@符号或.之后的某个点。

我创建了一个小提琴，因为我无法使一些较长的代码行内联。

点击这里查看小提琴示例

Answer 1

您有几个选项，具体取决于您要验证的程度。

email.indexOf('@') >= 0

检查电子邮件中是否有 @。请参阅 http://jsfiddle.net/27f1h6ws/以获取添加了小提琴的版本。

更彻底的方法是使用正则表达式检查它。您可以非常简单地检查电子邮件输入的一般结构，或者非常彻底地检查所有有效字符，具体取决于验证的重要性。有关详细信息，请参阅此链接或此问题的答案。

Answer 2

您可以使用HTML5属性，例如：

• 包含正则表达式的模式属性
• 将输入类型设置为电子邮件

如果你想用 JavaScript 来做，也使用正则表达式并使用 test（） 方法来验证它。

Answer 3

添加这个

 var re = /^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;
    return re.test(email);