<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM编程-关于正则表达式</title>
<!--
1、正则表达式regular expression：用于字符串格式匹配方面；
2、正则表达式是一门独立的学科，在java，c都支持，大部分语言都支持
正则表达式最初使用在医学方面，用来表示神经符号；
目前使用最多的是计算机编程领域用作字符串格式匹配，包括搜索方面等
3、正则表达式，对于我们JavaScript 编程要求：
第一：常见的正则表达式符号要认识
第二：简单的正则表达式要会写
第三：他人的正则表达式要能看懂
第四：在JavaScript中，怎么创建正则表达式对象(new 对象)
第五：在JavaScript中，正则表达式对象有哪些方法！（调方法）
第六:要能够快速的从网络上找到自己需要的正则表达式，并且测试有效性
4、常见的正则表达式符号：
. 匹配：除换行符以外的任意字符
\w 匹配：字母、数字、下划线、汉字
\s 匹配：任意空白符
\d 匹配：数字
\b 匹配：单词的开始或结束
^ 匹配：字符串的开始
$ 匹配：字符串的结束
\W 匹配任意不是：字母、数字、下划线、汉字的字符
\S 匹配任意不是空白符的字符
\D 匹配任意不是数字的字符
\B 匹配不是：单词的开始或结束
[^x]匹配：除x以外任意字符
[^aeiou] 匹配除aeiou这几个字母以外的任意字符
匹配重复次数
* 0-n次
+ 重复 1-n次
？重复0次 或 1次
{n}重复 n次
{n,}重复 n次 或更多次
{n,m}重复 n 到m 次
正则表达式当中的()优先级高
[1-9] 表示1-9任意1个数字，次数1次
[A-Za-z0-9]表示A-Za-z0-9中的任意1个字符串
5、简单的正则表达式要会写
QQ号的正则表达式：
^[1-9][0-9]{4,}$
6、创建正则表达式对象：
1、 var regExp = /正则表达式/"flags";
2、使用内置支持类RegExp
var regExp = new RegExp("正则表达式","flags");
关于"flags"的三个值:
g 全局匹配
i 忽略大小写
m 多行搜索 当前面是正则表达式的时候，m不能用，
只有当前面是普通的字符串的时候m才可以使用；
正则表达式对象的test()方法：
true/false = 正则表达式对象.test(用户填写的字符串);
返回true 格式匹配成功
返回false 格式匹配1失败
正则表达式：记住：
两个斜杠: / /
还有：emailRegExp.test(email)
-->
</head>
<body>
<script type="text/javascript">
window.onload=function(){
//给按钮绑定单击click
document.getElementById("btn").onclick=function(){
var email = document.getElementById("email").value;
var emailRegExp = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/var ok = emailRegExp.test(email)
if(ok){
//合法
document.getElementById("emailError").innerText = "邮箱可以使用";
}else{
//不合符
document.getElementById("emailError").innerText = "邮箱地址不合法！";
}
}
//给文本框绑定focus，获得焦点
document.getElementById("email").onfocus=function(){
document.getElementById("emailError").innerText=" "
}
}
</script>
<input type="text" id="email" />
<span id="emailError" style="color: red; font-size: 12px;"></span>
<input type="button" value="验证邮箱" id="btn"/>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix