JS正则表达式判断邮箱

什么是正则表达式？

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符，或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作。

什么是test()方法？

Test()方法是一个正则表达式方法。

Test()方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

所用到的正则表达式修饰符和匹配模式：i(执行对大小写不敏感的匹配)

[a - z](表示匹配所有小写字母)

[0 - 9](表示匹配所有的数字)

所用到的正则表达式量词和元字符：^(表示开头)，$(表示结尾)

\w（匹配任意字母、数字、下划线）

如图：

               

 

判断邮箱案例较为简单，只要了解正则表达式和熟练运用test（）方法，还有正则表达式的修饰符、匹配模式、量词、元字符即可。

首先给文本框和登录按钮设置id以方便后面获取，然后获取到登录按钮并给它绑定点击事件，接着声明变量inPut获取到id为inPut的文本框的value属性值。

接下来就是最为重要的部分，正则表达式/^\w+@[a-z0-9]+\.[a-z]+$/i，但是因为邮箱的种类较多，所以这个正则表达式不能套用到所有的邮箱。

if判断里的判断条件为判断inPut的值是否符合正则表达式/^\w+@[a-z0-9]+\.[a-z]+$/i，如果符合的话则弹出弹窗为登录成功，不符合的话则弹出弹窗为登录失败，邮箱格式错误。

 

 

总的来说，只要了解正则表达式和熟练运用test（）方法，还有掌握正则表达式的修饰符、匹配模式、量词、元字符就可以轻松写出这个案例。