15 Regular Expressions for JS Form Validation

Compiled 15 commonly used javaScript regular expressions, including username, password strength, integer, number, email address (Email), mobile phone number, ID number, URL address, IPv4 address, hexadecimal color, date , QQ number, WeChat ID, license plate number, Chinese regular.

 

<meta charset="UTF-8">
<script>
//Regular username, 4 to 16 characters (letters, numbers, underscores, minus signs)
var uPattern = / ^ [a-zA-Z0-9 _-] [4.16} $ /;
// output true
console.log(uPattern.test("onestopweb"));


//Regular password strength, at least 6 digits, including at least 1 uppercase letter, 1 lowercase letter, 1 number, 1 special character
var pPattern = / ^. # $% ^ & *?]). * $ /;
// output true
console.log(pPattern.test("Hkd4565#f"));

// positive integer regular
var posPattern = /^\d+$/;
//Negative integer regex
var negPattern = / ^ - \ d + $ /;
//integer regex
var intPattern = / ^ -? \ d + $ /;
// output true
console.log(posPattern.test("42"));
// output true
console.log(negPattern.test("-42"));
// output true
console.log(intPattern.test("-42"));

// Negative number
var posPattern = /^\d*\.?\d+$/;
//Negative regularity
var negPattern = /^-\d*\.?\d+$/;
//number regular
var numPattern = /^-?\d*\.?\d+$/;
console.log(posPattern.test("42.2"));
console.log(negPattern.test("-42.2"));
console.log(numPattern.test("-42.2"));

//Email regular
var ePattern = / ^ ([A-Za-z0-9 _ \ - \.]) + \ @ ([A-Za-z0-9 _ \ - \.]) + \. ([A-Za-z] { 2,4}) $ /;
// output true
console.log(ePattern.test("[email protected]"));

// Regular phone number
var mPattern = / ^ 1 [34578] \ d {9} $ /;
// output true
console.log(mPattern.test("15507621888"));

//Regular ID number (18 digits)
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] $ /;
// output true
console.log(cP.test("11010519880605371X"));

//URL regular
var urlP = / ^ ((https? | ftp | file): \ / \ /)? ([\ da-z \ .-] +) \. ([az \.] {2,6}) ([\ / \ w \ .-] *) * \ /? $ /;
// output true
console.log(urlP.test("http://caibaojian.com"));

//ipv4 address regular
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]?) $ /;
// output true
console.log(ipP.test("115.28.47.26"));

//RGB Hex color regular
var cPattern = / ^ #? ([a-fA-F0-9] {6} | [a-fA-F0-9] {3}) $ /;
// output true
console.log(cPattern.test("#b8b8b8"));

//Regular date, simple determination, no determination of month and date
var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
// output true
console.log(dP1.test("2017-05-11"));
// output true
console.log(dP1.test("2017-15-11"));
// Regular date, complex judgment
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) $ /;
// output true
console.log(dP2.test("2017-02-11"));
// output false
console.log(dP2.test("2017-15-11"));
// output false
console.log(dP2.test("2017-02-29"));

//QQ number is regular, 5 to 11 digits
var qqPattern = / ^ [1-9] [0-9] {4,10} $ /;
// output true
console.log(qqPattern.test("65974040"));

//Regular micro-signal, 6 to 20 digits, starting with letters, letters, numbers, minus signs, underscores
var wxPattern = / ^ [a-zA-Z] ([-_ a-zA-Z0-9] {5.19}) + $ /;
// output true
console.log(wxPattern.test("onestopweb"));

//Regular license plate number
var cPattern = /^[Beijing-Tianjin-Shanghai-Chongqing-Hebei-Henan-Liaoning-Heixiang-Wanlu-Xinjiang-Su-Zhe-Jiang-E-Gan-Jin-Mongo-Shaan-Ki-Fujian-Guangdong-Qing-Tibet-Chuan-Ning-Qiong AZ]{1}[AZ]{1}[A-Z0- 9]{4}[A-Z0-9 School Police Hong Kong and Macau]{1}$/;
// output true
console.log(cPattern.test("粤B21234"));

//Include Chinese regex
var cnPattern = / [\ u4E00- \ u9FA5] /;
// output true
console.log(cnPattern.test("Wu Zheran"));
</script>

 

Effect picture: