JavaScript常用正则表达式与表单验证实用代码汇总

常用正则表达式速查表

以下整理了一系列在开发过程中高频使用的正则表达式，主要应用于表单数据的实时校验场景。特此汇总分享，供开发者参考使用。

匹配中文字符的正则表达式：[u4e00-u9fa5] 评注：中文匹配曾是开发难点，引入该表达式后可有效解决。

匹配双字节字符（含汉字）：[^x00-xff] 评注：该表达式可用于精确计算字符串长度，规则为双字节字符计2，ASCII字符计1。

匹配空白行的正则表达式：ns*r 评注：适用于批量删除文档或文本中的空行。

匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? /> 评注：网络上流传的版本往往存在缺陷，此表达式仅能处理部分简单情况，面对复杂嵌套的HTML标签时仍显力不从心。

匹配首尾空白字符的正则表达式：^s*|s*$ 评注：该表达式能有效清除行首和行尾的各类空白字符（包括空格、制表符、换页符等），实用性极高。

匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 评注：在用户注册等表单验证场景中非常实用。

匹配网址URL的正则表达式：[a-zA-z]+://[^s]* 评注：相比网上流传的功能受限版本，此表达式已能基本满足常规URL匹配需求。

匹配账号合法性（字母开头，长度5-16字节，允许字母、数字及下划线）：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 评注：适用于用户账号格式的表单验证。

匹配国内电话号码：d{3}-d{8}|d{4}-d{7} 评注：适用于匹配如0511-4405222或021-87888822等格式的座机号码。

匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号起始数字为10000，符合此正则格式。

匹配中国邮政编码：[1-9]d{5}(?!d) 评注：中国邮政编码固定为6位数字，首位不为0。

匹配身份证号码：d{15}|d{18} 评注：中国大陆身份证号码长度为15位或18位。

匹配IP地址：d+.d+.d+.d+ 评注：在日志分析或网络配置中提取IP地址时非常有用。

匹配特定数字格式： ^[1-9]d*$ //匹配正整数 ^-[1-9]d*$ //匹配负整数 ^-?[1-9]d*$ //匹配整数 ^[1-9]d*|0$ //匹配非负整数（正整数加0） ^-[1-9]d*|0$ //匹配非正整数（负整数加0） ^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$ //匹配负浮点数 ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ //匹配浮点数 ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ //匹配非负浮点数（正浮点数加0） ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ //匹配非正浮点数（负浮点数加0） 评注：在处理海量数据校验时非常有用，具体应用时需根据业务逻辑进行适当修正。

匹配特定字符串： ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串 ^w+$ //匹配由数字、26个英文字母或者下划线组成的字符串

RegularExpressionValidator验证表达式

在使用RegularExpressionValidator验证控件时，相关的验证功能及其对应的验证表达式介绍如下：

只能输入数字：“^[0-9]*$” 只能输入n位的数字：“^d{n}$” 只能输入至少n位数字：“^d{n,}$” 只能输入m-n位的数字：“^d{m,n}$” 只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$” 只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$” 只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$” 只能输入非零的正整数：“^+?[1-9][0-9]*$” 只能输入非零的负整数：“^-[1-9][0-9]*$” 只能输入长度为3的字符：“^.{3}$” 只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$” 只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$” 只能输入由26个小写英文字母组成的字符串：“^[a-z]+$” 只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$” 只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$” 验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间，

只能包含字符、数字和下划线。 验证是否含有^%&',;=?$”等特殊字符：“[^%&',;=?$x22]+” 只能输入汉字：“^[u4e00-u9fa5],{0,}$” 验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$” 验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$” 验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”

正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，

“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。 验证身份证号（15位或18位数字）：“^d{15}|d{}18$” 验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12” 验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”

正确格式为：“01”“09”和“1”“31”。

正则表达式在JavaScript中的应用示例

匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 匹配空行的正则表达式：n[s| ]*r 匹配HTML标记的正则表达式：/< (.*)>.*|< (.*) />/ 匹配首尾空格的正则表达式：(^s*)|(s*$) 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}

(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现 String.prototype.trim = function() { return this.replace(/(^s*)|(s*$)/g, “”); } (3)应用：利用正则表达式分解和转换IP地址 function IP2V(ip) //IP地址转换成对应数值 { re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式 if(re.test(ip)) { return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1 } else { throw new Error(”Not a valid IP address!”) } } (4)应用：从URL地址中提取文件名的javascript程序 s=”https://www.jb51.net/page1.htm”; s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm (5)应用：利用正则表达式限制网页表单里的文本框输入内容 用正则表达式限制只能输入中文：onkeyup=”value=”/blog/value.replace(/["^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,”))” 用正则表达式限制只能输入全角字符： onkeyup=”value=”/blog/value.replace(/["^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,”))” 用正则表达式限制只能输入数字：onkeyup=”value=”/blog/value.replace(/["^d]/g,”) “onbeforepaste= “clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,”))” 用正则表达式限制只能输入数字和英文：onkeyup=”value=”/blog/value.replace(/[W]/g,””) “onbeforepaste=”clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,”)}