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

更新时间: 2017年7月10日09:57:06作者: 小蒜瓣

在表单验证中，使用正则表达式验证正确性是非常常见的操作. 本文收集并组织了15种常用的JavaScript正则表达式，这非常好并且具有参考价值. 朋友需要参考吧

在表单验证中验证正则表达式，使用正则表达式验证正确性是非常常见的操作. 本文收集并整理了15种常用的JavaScript正则表达式，包括用户名，密码强度，整数验证正则表达式，数字，电子电子邮件地址（Email），手机号码，ID号，URL地址，IPv4地址，十六进制颜色，日期，QQ号，微信信号，车牌号，中文常规.

1个常规用户名

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

2常规密码强度

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

3个整数常规

//正整数正则
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个常规数字

它可以是整数或浮点数

//正数正则
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正则
var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
//输出 true
console.log(ePattern.test(99154507@qq.com));

6个常规手机号码

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

7个常规ID号

//号（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正则
var urlP= /^((https|ftp|file):\/\/)([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/$/;
//输出 true
console.log(urlP.test(http://caibaojian.com));

9个常规IPv4地址

//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种常规颜色

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

11个正常日期

//日期正则，简单判定,未做月份及日期的判定
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数字

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

13个普通微信

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

14个常规车牌号

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

15个包含中文正则表达式

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

以上是小编为您介绍的最常用的15种前端表单验证JS正则表达式. 希望对大家有帮助. 如有任何疑问，请给我留言. 非常感谢您对Script House网站的支持！

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-214191-1.html