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()方法,还有掌握正则表达式的修饰符、匹配模式、量词、元字符就可以轻松写出这个案例。

本文链接:https://my.lmcjl.com/post/15461.html

展开阅读全文

4 评论

留下您的评论.