文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > js教程 > 正文

JS正则表达式详解

小云云
发布： 2018-03-30 17:32:53
原创
1662人浏览过

本文主要和大家分享JS正则表达式详解，主要以文字和代码的的方式和大家分享，希望能帮助到大家。

一、正則表達式應用 

“^d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^d+(.d+)?$”　　//非负浮点数（正浮点数 + 0）  
“^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^w+
”　　　　//email地址  
“^[a-zA-z]+://(w+(-w+))(.(w+(-w+)))(?S)?$”　　//url 
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-((0-2)|(3[0|1]))$/   //  年-月-日 
/^((0([1-9]{1}))|(1[1|2]))/((0-2)|(3[0|1]))/(d{2}|d{4})
”   //Emil 
“(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?”     //电话号码 
“^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])
//MAC地址的正则表达式 
^[-+]?d+(.d+)?$  //值类型正则表达式

“^d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^d+(.d+)?$”　　//非负浮点数（正浮点数 + 0）  
“^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^w+
”　　　　//email地址  
“^[a-zA-z]+://(w+(-w+))(.(w+(-w+)))(?S)?$”　　//url
登录后复制

二、javascript正则表达式检验 

//校验是否全由数字组成  
function isDigit(s) 
{ 
var patrn=/^[0-9]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串  
function isRegisterUserName(s) 
{ 
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验用户姓名：只能输入1-30个以字母开头的字串  
function isTrueName(s) 
{ 
var patrn=/^[a-zA-Z]{1,30}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验密码：只能输入6-20个字母、数字、下划线  
function isPasswd(s) 
{ 
var patrn=/^(w){6,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”  
function isTel(s) 
{ 
//var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?(d){1,12})+
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验手机号码：必须以数字开头，除数字外，可含有“-” 
function isMobil(s) 
{ 
var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验邮政编码 
function isPostalCode(s) 
{ 
//var patrn=/^[a-zA-Z0-9]{3,12}
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验搜索关键字 
function isSearch(s) 
{ 
var patrn=/^[^~!@#$%^&*()+=|\][]{}:;',.<>/?]{1}[^~!@
/; 
if (!patrn.exec(s)) return false 
return true 
} 
function isIP(s) //by zergling 
{ 
var patrn=/^[0-9.]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}

/*********************************************************************** 
* FUNCTION: isBetween 
* PARAMETERS: val AS any value 
* lo AS Lower limit to check 
* hi AS Higher limit to check 
* CALLS: NOTHING 
* RETURNS: TRUE if val is between lo and hi both inclusive, otherwise false. 
************************************************************************/ 
function isBetween (val, lo, hi) { 
if ((val < lo) || (val > hi)) { return(false); } 
else { return(true); } 
} 
/*********************************************************************** 
* FUNCTION: isDate checks a valid date 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isDate (theStr) { 
var the1st = theStr.indexOf(‘-‘); 
var the2nd = theStr.lastIndexOf(‘-‘); 
if (the1st == the2nd) { return(false); } 
else { 
var y = theStr.substring(0,the1st); 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (!isBetween (m, 1, 12)) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
/*********************************************************************** 
* FUNCTION: isEuDate checks a valid date in British format 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isEuDate (theStr) { 
if (isBetween(theStr.length, 8, 10) == false) { return(false); } 
else { 
var the1st = theStr.indexOf(‘/’); 
var the2nd = theStr.lastIndexOf(‘/’); 
if (the1st == the2nd) { return(false); } 
else { 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(0,the1st); 
var y = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (isBetween (m, 1, 12) == false) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
} 
/********************************************************************** 
* FUNCTION: Compare Date! Which is the latest! 
* PARAMETERS: lessDate,moreDate AS String 
* CALLS: isDate,isBetween 
* RETURNS: TRUE if lessDate
参考网址：http://www.jb51.net/article/72044.htm 
一、正則表達式應用 
“^d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^d+(.d+)?$”　　//非负浮点数（正浮点数 + 0）  
“^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^w+
”　　　　//email地址  
“^[a-zA-z]+://(w+(-w+))(.(w+(-w+)))(?S)?$”　　//url 
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-((0-2)|(3[0|1]))$/   //  年-月-日 
/^((0([1-9]{1}))|(1[1|2]))/((0-2)|(3[0|1]))/(d{2}|d{4})
”   //Emil 
“(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?”     //电话号码 
“^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])
//MAC地址的正则表达式 
^[-+]?d+(.d+)?$  //值类型正则表达式

“^d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^d+(.d+)?$”　　//非负浮点数（正浮点数 + 0）  
“^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^w+
”　　　　//email地址  
“^[a-zA-z]+://(w+(-w+))(.(w+(-w+)))(?S)?$”　　//url

二、javascript正则表达式检验 
//校验是否全由数字组成  
function isDigit(s) 
{ 
var patrn=/^[0-9]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串  
function isRegisterUserName(s) 
{ 
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验用户姓名：只能输入1-30个以字母开头的字串  
function isTrueName(s) 
{ 
var patrn=/^[a-zA-Z]{1,30}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验密码：只能输入6-20个字母、数字、下划线  
function isPasswd(s) 
{ 
var patrn=/^(w){6,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”  
function isTel(s) 
{ 
//var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?(d){1,12})+
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验手机号码：必须以数字开头，除数字外，可含有“-” 
function isMobil(s) 
{ 
var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}
//校验邮政编码 
function isPostalCode(s) 
{ 
//var patrn=/^[a-zA-Z0-9]{3,12}
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验搜索关键字 
function isSearch(s) 
{ 
var patrn=/^[^~!@#$%^&*()+=|\][]{}:;',.<>/?]{1}[^~!@
/; 
if (!patrn.exec(s)) return false 
return true 
} 
function isIP(s) //by zergling 
{ 
var patrn=/^[0-9.]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}

/*********************************************************************** 
* FUNCTION: isBetween 
* PARAMETERS: val AS any value 
* lo AS Lower limit to check 
* hi AS Higher limit to check 
* CALLS: NOTHING 
* RETURNS: TRUE if val is between lo and hi both inclusive, otherwise false. 
************************************************************************/ 
function isBetween (val, lo, hi) { 
if ((val < lo) || (val > hi)) { return(false); } 
else { return(true); } 
} 
/*********************************************************************** 
* FUNCTION: isDate checks a valid date 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isDate (theStr) { 
var the1st = theStr.indexOf(‘-‘); 
var the2nd = theStr.lastIndexOf(‘-‘); 
if (the1st == the2nd) { return(false); } 
else { 
var y = theStr.substring(0,the1st); 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (!isBetween (m, 1, 12)) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
/*********************************************************************** 
* FUNCTION: isEuDate checks a valid date in British format 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isEuDate (theStr) { 
if (isBetween(theStr.length, 8, 10) == false) { return(false); } 
else { 
var the1st = theStr.indexOf(‘/’); 
var the2nd = theStr.lastIndexOf(‘/’); 
if (the1st == the2nd) { return(false); } 
else { 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(0,the1st); 
var y = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (isBetween (m, 1, 12) == false) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
} 
/********************************************************************** 
* FUNCTION: Compare Date! Which is the latest! 
* PARAMETERS: lessDate,moreDate AS String 
* CALLS: isDate,isBetween 
* RETURNS: TRUE if lessDate
登录后复制

以上就是JS正则表达式详解的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：使用ajax实现菜单栏的三级联动 下一篇：只需四步即可实现ajax发送异步请求
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
js如何检测浏览器指纹 5个常用指纹检测技巧总结 浏览器指纹检测通过JavaScript收集浏览器和设备属性生成唯一标识，用于用户识别、反欺诈和行为分析。1.主要收集方式包括：navigator对象获取浏览器基本信息；Canvas指纹利用图形渲染差异；WebGL指纹通过3D渲染结果；字体指纹检测支持的字体列表；以及获取时区和语言设置。2.提高准确性方法有：组合多种指纹信息、使用哈希算法处理数据、定期更新指纹、结合IP地址与隐私保护措施。3.防止追踪手段包括：禁用JavaScript、使用隐私浏览器或插件、修改UserAgent、禁用Canvas
2025-07-02 18:24:02
515
js如何删除数组指定元素 数组元素删除的3种高效方法 删除JavaScript数组中的指定元素有三种常用方法。1.使用splice()直接修改原数组，适合删除单个元素但需注意副作用；2.使用filter()创建新数组，保留原数组且可删除多个匹配元素；3.结合findIndex()和splice()，适用于根据对象属性删除元素。选择方法需考虑是否修改原数组、性能及删除条件复杂度。
2025-07-02 17:58:01
846
js怎样实现无刷新提交表单 js无刷新提交表单的5种实用技巧解析 无需刷新页面即可提交表单的核心方法包括使用XMLHttpRequest对象、FetchAPI、jQuery的$.ajax()方法、iframe以及第三方库如Axos。1.XMLHttpRequest是经典方法，通过阻止默认提交行为并利用FormData异步发送数据；2.FetchAPI基于Promise，代码更简洁易读；3.jQuery的$.ajax()方法更为简化，但需引入jQuery库；4.iframe方法兼容性好，适合老旧浏览器；5.Axios等第三方库提供更多高级功能。服务器端应返回JS
2025-07-02 17:31:01
593
js性能optimize优化_js性能optimize提升技巧 JS性能优化是通过改进代码和资源管理提升JavaScript执行效率和用户体验。1.减少重排重绘，批量更新DOM并使用DocumentFragment提升操作效率；2.优先使用CSStransform实现动画以利用GPU加速；3.合并文件与使用CSSSprites降低HTTP请求数量；4.避免内存泄漏，及时移除事件监听器和清除定时器；5.优化循环结构，缓存变量并避免在循环中频繁访问DOM；6.利用WebWorkers将复杂任务移至后台线程执行；7.采用代码分割按需加载资源以减少初始加载时间；8.
2025-07-02 17:23:01
519
js中判断多个值是否满足条件的写法 在JavaScript中判断多个值是否满足条件的最合适的写法取决于具体场景：1.条件少且固定时使用&&运算符最为直接；2.条件多且动态变化时推荐Array.every()方法；3.需要更多控制权如提前退出则选择循环；4.在函数式编程场景下可使用reduce但需注意可读性；此外为避免逻辑错误应清晰定义条件、合理使用括号明确优先级、拆分复杂条件、编写单元测试、逐步调试以及进行代码审查；同时使用Array.every()处理不同类型的值和条件时可通过根据元素类型应用对应的判断函数确保condition
2025-07-02 17:07:01
593
js中判断对象属性是否存在怎么写 判断JS对象属性是否存在，核心答案是优先使用in操作符或hasOwnProperty方法。1.in操作符会检查对象自身及其原型链，若属性存在则返回true，适用于需要包含继承属性的场景；2.hasOwnProperty仅检查对象自身属性，不包括原型链，适合精确判断自身是否定义了该属性；3.直接访问属性可能因值为undefined而误判，应结合in或hasOwnProperty使用；4.可选链?.虽不能直接判断存在性，但可避免深层访问时报错；5.判断属性值是否为null时，需用===null进行严
2025-07-02 15:14:01
267
js如何实现元素旋转动画 旋转效果的5种实现技巧！ 实现元素旋转动画可以通过多种方法，最直接的是使用JavaScript修改元素的transform属性。1.使用setInterval定时器可实现基础旋转动画，但性能较差；2.requestAnimationFrame提供更流畅的动画体验，适合高性能需求；3.CSSTransitions通过样式定义实现简单过渡效果；4.CSSAnimations支持复杂动画序列，性能优秀；5.JavaScript动画库如GSAP功能强大且易用，适合复杂动画需求。为保证动画流畅性，应避免阻塞主线程，合理设置帧率。控
2025-07-02 14:10:02
561
怎样用JS实现文件上传预览？ 文件上传预览通过前端技术让用户在选择文件后立即查看内容，提升体验并减少服务器请求。首先使用让用户选择文件；接着利用FileReader读取文件内容并通过、或等元素展示；关键在于监听change事件并在处理函数中实现读取与预览逻辑。针对不同文件类型，1.判断MIMEtype；2.图片用readAsDataURL赋值给src；3.视频音频同样用readAsDataURL或更高效的URL.createObjectURL；4.文本文件用readAsText显示内容；5.可动态创建对应标签以适配不同文件类
2025-07-02 13:54:02
386
js如何判断字符串包含子串 字符串包含检测的3种实用技巧 判断JavaScript字符串是否包含子串，主要有三种方法：1.includes()方法最直观且推荐，返回布尔值表示是否包含指定子串；2.indexOf()方法通过返回索引或-1判断是否包含，需额外比较操作；3.正则表达式test()方法更灵活，支持复杂模式匹配。选择依据具体需求：简单查找推荐includes()，需要获取索引或兼容旧浏览器用indexOf()，复杂匹配则使用正则表达式。性能优化建议避免复制字符串、缓存正则表达式、优先使用原生方法。处理特殊字符时需转义，Unicode字符需规范化
2025-07-01 19:53:01
976
js如何检测变量是否为undefined 5种检测undefined的有效方式！ 在JavaScript中检测变量是否为undefined，最可靠的方法是使用typeof操作符或void0。1.使用typeof操作符：通过typeof返回字符串"undefined"来判断，即使变量未声明也不会报错；2.使用void0：void操作符保证返回真正的undefined，避免undefined被重写导致误判；3.避免直接与undefined比较：因全局undefined可能被修改，存在误判风险；4.其他方法包括检查window对象属性和使用in操作符，但这些仅适用于浏览器环境的全局
2025-07-01 19:46:01
192
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部