正则表达式与H5表单
RegExp 对象
exec 检查字符中是正则表达中的区域
text 检查内容
String 对象的方法
match
search
replace
splict
正则表达式符号
/.../ 开始与结束 ^开始 $结束
/s 任何空白字符 /S任何非空白
/d 匹配数字 /D除去任何数字的字符
/w 变量命名规则 {n}匹配前一项N次
{n,}匹配前一项N次 或者多次 {n,m} 匹配至少n次 但不能超过m次
示例：var reg = /^1([3-5]|[7-8])\d{9}$/
HTML5 实战
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
$(function(){
$('#Go_submit').click(function(){
var obj_ =document.getElementById('form_tel');
if(obj_.validity.valueMissing==true){
obj_.setCustomValidity('手机号不能为空哦')
}else if(obj_.validity.patternMismatch == true){
obj_.setCustomValidity('请填写正确的手机号')
}
//如果判断邮箱那么可以
xx.validity.typeMismatch //可以判断邮箱
})
});
</script>
</head>
<body>
<form action="#" method="get">
<input type="tel" id="form_tel" required="required" pattern="^1([3-5]|[7-8])\d{9}$"/>
<input type="submit" id="Go_submit"/>
</form>
</body>
<![]()
ml>
exec 检查字符中是正则表达中的区域
text 检查内容
String 对象的方法
match
search
replace
splict
正则表达式符号
/.../ 开始与结束 ^开始 $结束
/s 任何空白字符 /S任何非空白
/d 匹配数字 /D除去任何数字的字符
/w 变量命名规则 {n}匹配前一项N次
{n,}匹配前一项N次 或者多次 {n,m} 匹配至少n次 但不能超过m次
示例：var reg = /^1([3-5]|[7-8])\d{9}$/
HTML5 实战
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
$(function(){
$('#Go_submit').click(function(){
var obj_ =document.getElementById('form_tel');
if(obj_.validity.valueMissing==true){
obj_.setCustomValidity('手机号不能为空哦')
}else if(obj_.validity.patternMismatch == true){
obj_.setCustomValidity('请填写正确的手机号')
}
//如果判断邮箱那么可以
xx.validity.typeMismatch //可以判断邮箱
})
});
</script>
</head>
<body>
<form action="#" method="get">
<input type="tel" id="form_tel" required="required" pattern="^1([3-5]|[7-8])\d{9}$"/>
<input type="submit" id="Go_submit"/>
</form>
</body>
<
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异