JavaScript常用正则表达式大全:从整数验证到复杂格式校验

作者:小括号

时间:2026-11-01

浏览:377

本文整理了JavaScript中常用的正则表达式,涵盖整数、浮点数、手机号、邮箱、身份证等28种常见格式验证。通过具体的正则代码、匹配示例及不匹配案例,帮助开发者快速实现前端输入校验,提升表单验证的准确性与效率。

文章目录

1、正则表达式

"^\\d+$"  //非负整数(正整数 + 0)
"^[0-9]*[1-9][0-9]*$"  //正整数
"^((-\\d+)|(0+))$"  //非正整数(负整数 + 0)
"^-[0-9]*[1-9][0-9]*$"  //负整数
"^-?\\d+$"    //整数
"^\\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]*))$"  //正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮点数(负浮点数 + 0)
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //负浮点数
"^(-?\\d+)(\\.\\d+)?$"  //浮点数

2、使用方法

var r = /^\+?[1-9][0-9]*$/;  //正整数
String str = "123";
boolean flag=r.test(str);

若判定为正整数,则标志位为真

3、JS整数相加

首要确保输入内容均为数字

  nText1=parseFloat(document.all.text1.value);
  nText2=parseFloat(document.all.text2.value);
  nSum=nText1+nText2

4、总结

Require : /.+/,
Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,
Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
Float: /^[-\+]?\d+(\.\d+)?$/,
Float2: /^(0|[1-9]\d{0,3})(\.\d{0,2})?$/,
English : /^[A-Za-z]+$/,
Chinese : /^[\u0391-\uFFE5]+$/,
DateTime:/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s\d{1,2}:\d{1,2}:\d{1,2})?$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
IsSafe : function(str){return !this.UnSafe.test(str);},
SafeString : "this.IsSafe(value)",
Limit : "this.limit(value.length,getAttribute('min'), getAttribute('max'))",
LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))",
Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))",
Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value",
Range : "getAttribute('min') < value && value < getAttribute('max')",
Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
Custom : "this.Exec(value, getAttribute('regexp'))",
Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",

详细说明-几种基本数字验证:

1.仅允许输入数字

表达式 ^[0-9]*$ 描述 匹配任意数量的数字 匹配的例子 12345678,1234567 不匹配的例子 E,

2.仅允许输入指定区间数字

表达式 ^[12-15]$ 描述 匹配指定区间的数字 匹配的例子 12,13,14,15 不匹配的例子

3.仅允许输入0或非0开头的数字

表达式 ^(0|[1-9][0-9]*)$ 描述 允许为0,首位数字不可为0,数字中间可含0 匹配的例子 12,10,101,100 不匹配的例子 01,

4.仅允许输入实数

表达式 ^[-+]?\d+(\.\d+)?$ 描述 匹配实数 匹配的例子 18,+3.14,-9.90 不匹配的例子 .6,33s,67-99

5.仅允许输入n位小数的正实数

表达式 ^[0-9]+(.[0-9]{n})?$以^[0-9]+(.[0-9]{2})?$为例 描述 匹配n位小数的正实数 匹配的例子 2.22 不匹配的例子 2.222,-2.22,

6.仅允许输入m-n位小数的正实数

表达式 ^[0-9]+(.[0-9]{m,n})?$以^[0-9]+(.[0-9]{1,2})?$为例 描述 匹配m到n位小数的正实数 匹配的例子 2.22,2.2 不匹配的例子 2.222,-2.2222,

7.仅允许输入非0的正整数

表达式 ^\+?[1-9][0-9]*$ 描述 匹配非0的正整数 匹配的例子 2,23,234 不匹配的例子 0,-4,

8.仅允许输入非0的负整数

表达式 ^\-[1-9][0-9]*$ 描述 匹配非0的负整数 匹配的例子 -2,-23,-234 不匹配的例子 0,4,

9. 仅允许输入n个字符

表达式 ^.{n}$ 以^.{4}$为例 描述 匹配n个字符,注意汉字只算1个字符 匹配的例子 1234,12we,123清,清清月儿 不匹配的例子 0,123,123www,

10. 仅允许输入英文字符

表达式 ^.[A-Za-z]+$为例 描述 匹配英文字符,大小写任意 匹配的例子 Asp,WWW, 不匹配的例子 0,123,123www,

11.仅允许输入大写英文字符

表达式 ^.[A-Z]+$为例 描述 匹配英文大写字符 匹配的例子 NET,WWW, 不匹配的例子 0,123,123www,

12.仅允许输入小写英文字符

表达式 ^.[a-z]+$为例 描述 匹配英文大写字符 匹配的例子 asp,csdn 不匹配的例子 0,NET,WWW,

13.仅允许输入英文字符+数字

表达式 ^.[A-Za-z0-9]+$为例 描述 匹配英文字符+数字 匹配的例子 1Asp,W1W1W, 不匹配的例子 0,123,123,www,

14.仅允许输入英文字符/数字/下划线

表达式 ^\w+$为例 描述 匹配英文字符或数字或下划线 匹配的例子 1Asp,WWW,12,1_w 不匹配的例子 3#,2-4,w#$,

15.密码举例

表达式 ^.[a-zA-Z] \w{m,n}$ 描述 匹配英文字符开头的m-n位字符且只能数字字母或下划线 匹配的例子 不匹配的例子

16.验证首字母大写

表达式 \b[^\Wa-z0-9_][^\WA-Z0-9_]*\b 描述 首字母只能大写 匹配的例子 Asp,Net 不匹配的例子

17.验证网址(带?id=中文)VS.NET2005无此功能

表达式 ^http:\/\/([\w-]+(\.[\w-]+)+(\/[\w- .\/\?%&=\u4e00-\u9fa5]*)?)?$ 描述 验证带?id=中文 匹配的例子 http://www.baidu.com?id=哈哈 不匹配的例子 http://www.baidu.com?id=55

18.验证汉字

表达式 ^[\u4e00-\u9fa5]{0,}$ 描述 只能汉字 匹配的例子 清清月儿 不匹配的例子 55

19.验证QQ号

表达式 [0-9]{5,9} 描述 5-9位的QQ号 匹配的例子 10000,123456 不匹配的例子 10000w,

20.验证电子邮件(验证MSN号一样)

表达式 \w+([-+.´]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 描述 注意MSN用非hotmail.com邮箱也可以 匹配的例子 aaa@msn.com 不匹配的例子 111@1.

21.验证身份证号(粗验,最好服务器端调类库再细验证)

表达式 ^[1-9]([0-9]{16}|[0-9]{13})[xX0-9]$ 描述 匹配的例子 15或者18位的身份证号,支持带X的 不匹配的例子

22.验证手机号(包含159,不包含小灵通)

表达式 ^13[0-9]{1}[0-9]{8}|^15[9]{1}[0-9]{8} 描述 包含159的手机号130-139 匹配的例子 139XXXXXXXX 不匹配的例子 140XXXXXXXX,

23.验证护照

表达式 (P\d{7})|G\d{8}) 描述 验证P+7个数字和G+8个数字 匹配的例子 不匹配的例子

24.验证IP

表达式 ^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$ 描述 验证IP 匹配的例子 192.168.0.1 222.234.1.4 不匹配的例子

25.验证域

表达式 ^[a-zA-Z0-9]+([a-zA-Z0-9\-\.]+)?\.(com|org|net|cn|com.cn|edu.cn|grv.cn|)$ 描述 验证域 匹配的例子 csdn.net baidu.com it.com.cn 不匹配的例子 192.168.0.1

26.验证信用卡

表达式 ^((?:4\d{3})|(?:5[1-5]\d{2})|(?:6011)|(?:3[68]\d{2})|(?:30[012345]\d))[ -]?(\d{4})[ -]?(\d{4})[ -]?(\d{4}|3[4,7]\d{13})$ 描述 验证VISA卡,万事达卡,Discover卡,美国运通卡 匹配的例子 不匹配的例子

27.验证ISBN 国际标准书号

表达式 ^(\d[- ]*){9}[\dxX]$ 描述 验证ISBN国际标准书号 匹配的例子 7-111-19947-2 不匹配的例子

28.验证GUID 全球唯一标识符

表达式 ^[A-Z0-9]{8}-[A-Z0-9]{4}-[A-Z0-9]{4}-[A-Z0-9]{4}-[A-Z0-9]{12}$ 描述 格式8-4-4-4-12 匹配的例子 2064d355-c0b9-41d8-9ef7-9d8b26524751 不匹配的例子

29.验证文件路径和扩展名

表达式 ^([a-zA-Z]\:|\\)\\([^\\]+\\)*[^\/:*?"<>|]+\.txt(l)?$ 描述 检查路径和文件扩展名 匹配的例子 E:\mo.txt 不匹配的例子 E:\ , mo.doc, E:\mo.doc ,

30.验证Html颜色值

表达式 ^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$ 描述 检查颜色取值 匹配的例子 #FF0000 不匹配的例子

总结

到此这篇关于JavaScript判断输入是否为整数的正则表达式的文章就介绍到这了,更多相关JS判断输入整数正则表达式内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章