Web前端正則工具函數有哪些

這篇文章主要講解了“Web前端正則工具函數有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Web前端正則工具函數有哪些”吧！

驗證股票代碼(A股)

/**  *  @param { string } value  */ export const isAShare = value => /^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/g.test(value);

驗證視頻鏈接地址(視頻格式可按需增刪)

/**  *  @param { string } value  */ export const isVideoUrl = value => /^https?:\/\/(.+\/)+.+(\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i.test(value);

驗證圖片鏈接地址(圖片格式可按需增刪)

/**  *  @param { string } value  */ export const isImageUrl = value => /^https?:\/\/(.+\/)+.+(\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i.test(value);

驗證中文姓名

/**  * @param { string } value  */ export const isChineseName = value => /^(?:[\\u4e00-\\u9fa5·]{2,16})$/g.test(value);

驗證英文姓名

/**  * @param { string } value  */ export const isEnglishName = value => /(^[a-zA-Z]{1}[a-zA-Z\s]{0,20}[a-zA-Z]{1}$)/g.test(value);

驗證車牌號(新能源)

/**  * @param { string } value  */ export const isLicensePlateNumberNER = value => /[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領 A-Z]{1}[A-HJ-NP-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$/g.test(value);

驗證車牌號(非新能源)

/**  * @param { string } value  */ export const isLicensePlateNumberNNER = value => /^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領 A-Z]{1}[A-HJ-NP-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學警港澳]{1}$/g.test(value);

驗證車牌號(新能源+非新能源)

/**  * @param { string } value  */ export const isLicensePlateNumber = value => /^(?:[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領 A-Z]{1}[A-HJ-NP-Z]{1}(?:(?:[0-9]{5}[DF])|(?:[DF](?:[A-HJ-NP-Z0-9])[0-9]{4})))|(?:[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領 A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9 掛學警港澳]{1})$/g.test(value);

驗證手機號中國(嚴謹), 根據工信部2019年最新公布的手機號段

/**  * @param { string } value  */ export const isMPStrict = value => /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-7|9])|(?:5[0-3|5-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1|8|9]))\d{8}$/g.test(value);

驗證email(郵箱)

/**  * @param { string } value  */ export const isEmail = value => /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g.test(value);

驗證身份證號(1代,15位數字)

/**  * @param { string } value  */ export const isIDCardOld = value => /^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$/g.test(value);

驗證身份證號(2代,18位數字),最后一位是校驗位,可能為數字或字符X

/**  * @param { string } value  */ export const isIDCardNew = value => /^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}[\dXx]$/g.test(value);

驗證護照(包含香港、澳門)

/**  * @param { string } value  */ export const isPassport = value => /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/g.test(value);

驗證帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線組合

/**  * @param { string } value  */ export const isWebAccount = value => /^[a-zA-Z]\w{4,15}$/g.test(value);

驗證中文/漢字

/**  * @param { string } value  */ export const isChineseCharacter = value => /^(?:[\\u3400-\\u4DB5\\u4E00-\\u9FEA\\uFA0E\\uFA0F\\uFA11\\uFA13\\uFA14\\uFA1F\\uFA21\\uFA23\\uFA24\\uFA27-\\uFA29]|[\\uD840-\\uD868\\uD86A-\\uD86C\\uD86F-\\uD872\\uD874-\\uD879][\\uDC00-\\uDFFF]|\\uD869[\\uDC00-\\uDED6\\uDF00-\\uDFFF]|\\uD86D[\\uDC00-\\uDF34\\uDF40-\\uDFFF]|\\uD86E[\\uDC00-\\uDC1D\\uDC20-\\uDFFF]|\\uD873[\\uDC00-\\uDEA1\\uDEB0-\\uDFFF]|\\uD87A[\\uDC00-\\uDFE0])+$/g.test(value);

驗證小數

/**  * @param { string } value  */ export const isDecimal = value => /^\d+\.\d+$/g.test(value);

驗證數字

/**  * @param { string } value  */ export const isNumber = value => /^\d{1,}$/g.test(value);

驗證qq號格式

/**  * @param { string } value  */

驗證英文字母

/**  * @param { string } value  */ export const isEnglish = value => /^[a-zA-Z]+$/g.test(value);

驗證大寫英文字母

/**  * @param { string } value  */ export const isCapital = value => /^[A-Z]+$/g.test(value);

驗證小寫英文字母

/**  * @param { string } value  */ export const isLowercase = value => /^[a-z]+$/g.test(value);

驗證不能包含字母

/**  * @param { string } value  */ export const isNoWord = value => /^[^A-Za-z]*$/g.test(value);

驗證中文和數字

/**  * @param { string } value  */ export const isCHNAndEN = value => /^((?:[\\u3400-\\u4DB5\\u4E00-\\u9FEA\\uFA0E\\uFA0F\\uFA11\\uFA13\\uFA14\\uFA1F\\uFA21\\uFA23\\uFA24\\uFA27-\\uFA29]|[\\uD840-\\uD868\\uD86A-\\uD86C\\uD86F-\\uD872\\uD874-\\uD879][\\uDC00-\\uDFFF]|\\uD869[\\uDC00-\\uDED6\\uDF00-\\uDFFF]|\\uD86D[\\uDC00-\\uDF34\\uDF40-\\uDFFF]|\\uD86E[\\uDC00-\\uDC1D\\uDC20-\\uDFFF]|\\uD873[\\uDC00-\\uDEA1\\uDEB0-\\uDFFF]|\\uD87A[\\uDC00-\\uDFE0])|(\d))+$/g.test(value);

驗證郵政編碼(中國)

/**  * @param { string } value  */ export const isPostcode = value => /^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\d{4}$/g.test(value);

驗證微信號，6至20位，以字母開頭，字母，數字，減號，下劃線

/**  * @param { string } value  */ export const isWeChatNum = value => /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/g.test(value);

驗證16進制顏色

/**  * @param { string } value  */ export const isColor16 = value => /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/g.test(value);

驗證火車車次

/**  * @param { string } value  */ export const isTrainNum = value => /^[GCDZTSPKXLY1-9]\d{1,4}$/g.test(value);

驗證手機機身碼(IMEI)

/**  *  @param { string } value  */ export const isIMEI = value => /^\d{15,17}$/g.test(value);

驗證磁力鏈接(寬松匹配)

/**  *  @param { string } value  */ export const isMagnet = value => /^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/g.test(value);

驗證email(郵箱)

/**  *  @param { string } value  */ export const isWindowsFolderPath = value => /^[a-zA-Z]:\\(?:\w+\\?)*$/g.test(value); 復制代碼

驗證版本號格式必須為X.Y.Z

/**  *  @param { string } value  */ export const isVersion = value => /^\d+(?:\.\d+){2}$/g.test(value);

驗證銀行卡號(10到30位, 覆蓋對公/私賬戶, 參考微信支付)

/**  * @param { string } value  */ export const isAccountNumber = value => /^[1-9]\d{9,29}$/g.test(value);

驗證統一社會信用代碼

/**  *  @param { string } value  */ export const isCreditCode = value => /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/g.test(value);

驗證迅雷鏈接

/**  *  @param { string } value  */ export const isThunderLink = value => /^thunderx?:\/\/[a-zA-Z\d]+=$/g.test(value);

感謝各位的閱讀，以上就是“Web前端正則工具函數有哪些”的內容了，經過本文的學習后，相信大家對Web前端正則工具函數有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！