个人中心
gpt4 book ai didi

最常用的15个前端表单验证JS正则表达式

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章最常用的15个前端表单验证JS正则表达式由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

在表单验证中，使用正则表达式来验证正确与否是一个很频繁的操作，本文收集整理了15个常用的JavaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则.

1 用户名正则 。

?
1
2
3
4
//用户名正则，4到16位（字母，数字，下划线，减号）
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
//输出 true
console.log(uPattern.test( "caibaojian" ));

2 密码强度正则 。

?
1
2
3
4
//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@ #$%^&*? ]).*$/;
//输出 true
console.log( "==" +pPattern.test( "caibaojian#" ));

3 整数正则 。

?
1
2
3
4
5
6
7
8
9
10
11
12
//正整数正则
var posPattern = /^\d+$/;
//负整数正则
var negPattern = /^-\d+$/;
//整数正则
var intPattern = /^-?\d+$/;
//输出 true
console.log(posPattern.test( "42" ));
//输出 true
console.log(negPattern.test( "-42" ));
//输出 true
console.log(intPattern.test( "-42" ));

4 数字正则 。

可以是整数也可以是浮点数 。

?
1
2
3
4
5
6
7
8
9
//正数正则
var posPattern = /^\d*\.?\d+$/;
//负数正则
var negPattern = /^-\d*\.?\d+$/;
//数字正则
var numPattern = /^-?\d*\.?\d+$/;
console.log(posPattern.test( "42.2" ));
console.log(negPattern.test( "-42.2" ));
console.log(numPattern.test( "-42.2" ));

5 Email正则 。

?
1
2
3
4
//Email正则
var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
//输出 true
console.log(ePattern.test(<a href= "mailto:99154507@qq.com" rel= "external nofollow" >99154507@qq.com</a>));

6 手机号码正则 。

?
1
2
3
4
//手机号正则
var mPattern = /^1[34578]\d{9}$/; //http://caibaojian.com/regexp-example.html
//输出 true
console.log(mPattern.test( "15507621888" ));

7 身份证号正则 。

?
1
2
3
4
//身份证号（18位）正则
var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
//输出 true
console.log(cP.test( "11010519880605371X" ));

8 URL正则 。

?
1
2
3
4
//URL正则
var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
//输出 true
console.log(urlP.test(<a href= "http://caibaojian.com" rel= "external nofollow" >http://caibaojian.com</a>));

9 IPv4地址正则 。

?
1
2
3
4
//ipv4地址正则
var ipP = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
//输出 true
console.log(ipP.test( "115.28.47.26" ));

10 十六进制颜色正则 。

?
1
2
3
4
//RGB Hex颜色正则
var cPattern = /^ #?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
//输出 true
console.log(cPattern.test( "#b8b8b8" ));

11 日期正则 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//日期正则，简单判定,未做月份及日期的判定
var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
//输出 true
console.log(dP1.test( "2017-05-11" ));
//输出 true
console.log(dP1.test( "2017-15-11" ));
//日期正则，复杂判定
var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
//输出 true
console.log(dP2.test( "2017-02-11" ));
//输出 false
console.log(dP2.test( "2017-15-11" ));
//输出 false
console.log(dP2.test( "2017-02-29" ));

12 QQ号码正则 。

?
1
2
3
4
//QQ号正则，5至11位
var qqPattern = /^[1-9][0-9]{4,10}$/;
//输出 true
console.log(qqPattern.test( "65974040" ));

13 微信号正则 。

?
1
2
3
4
//微信号正则，6至20位，以字母开头，字母，数字，减号，下划线
var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
//输出 true
console.log(wxPattern.test( "caibaojian_com" ));

14 车牌号正则 。

?
1
2
3
4
//车牌号正则
var cPattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
//输出 true
console.log(cPattern.test( "粤B39006" ));

15 包含中文正则 。

?
1
2
3
4
//包含中文正则
var cnPattern = /[\u4E00-\u9FA5]/;
//输出 true
console.log(cnPattern.test( "董董董" ));

以上所述是小编给大家介绍的最常用的15个前端表单验证JS正则表达式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我网站的支持！ 。

原文链接：http://blog.csdn.net/messicr7/article/details/74908286 。

最后此篇关于最常用的15个前端表单验证JS正则表达式的文章就讲到这里了,如果你想了解更多关于最常用的15个前端表单验证JS正则表达式的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： 详解正则表达式及Linux三大文本处理工具
文章推荐： 正则表达式注册表验证笔记整理
文章推荐： C# 校验帮助类正则表达式
文章推荐： 正则表达式验证身份证号码和邮箱、判断checked选中状态
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com