复制粘贴，一气呵成的Web前端正则工具函数

 前言

以下内容大多来自互联网总结，和一些自定日常收集的正则函数。

希望能给各位前端老铁们带来帮助，毕竟工具函数这种东西，就是增加开发效率。独乐乐不如众乐乐~

正文

验证股票代码(A股)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  *  @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证视频链接地址(视频格式可按需增删)

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

验证图片链接地址(图片格式可按需增删)

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

验证中文姓名

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

验证英文姓名

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

验证车牌号(新能源)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证车牌号(非新能源)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. export const isLicensePlateNumberNNER = value => /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/g.test(value); 
    5.

验证车牌号(新能源+非新能源)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证手机号中国(严谨), 根据工信部2019年最新公布的手机号段

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证email(邮箱)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证身份证号(1代,15位数字)

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

验证身份证号(2代,18位数字),最后一位是校验位,可能为数字或字符X

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证护照(包含香港、澳门)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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.

验证帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线组合

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

验证中文/汉字

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证小数

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

验证数字

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

验证qq号格式

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4.

验证英文字母

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

验证大写英文字母

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

验证小写英文字母

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

验证不能包含字母

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

验证中文和数字

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证邮政编码(中国)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  * @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. 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); 
    5.

验证微信号，6至20位，以字母开头，字母，数字，减号，下划线

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

验证16进制颜色

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

验证火车车次

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

验证手机机身码(IMEI)

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

验证磁力链接(宽松匹配)

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

验证email(邮箱)

 
 
 
    
  
  
  
  1. /** 
    2. 
  
  
  
  2.  *  @param { string } value 
    3. 
  
  
  
  3.  */ 
    4. 
  
  
  
  4. export const isWindowsFolderPath = value => /^[a-zA-Z]:\\(?:\w+\\?)*$/g.test(value); 
    5. 
  
  
  
  5. 复制代码 
    6.

验证版本号格式必须为X.Y.Z

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

验证银行卡号(10到30位, 覆盖对公/私账户, 参考微信支付)

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

验证统一社会信用代码

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

验证迅雷链接

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

尾声

学习的道路无止境，干就完了~

本文标题：复制粘贴，一气呵成的Web前端正则工具函数
文章来源：http://www.shufengxianlan.com/qtweb/news10/368360.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站改版知识

行业网站建设

品牌网站定制　　 　绵阳梓潼网站建设　　 　都江堰做网站　　 　成都免费网站建设　　 　手提袋印刷制作　　 　服务器机柜租用　　 　成都小程序商城　　 　成都小程序开发　　 　东方电机技改服务有限公司　　 　小程序开发　　 　成都添翼二手车　　 　温江服务器托管　　 　东电技服　　 　西信中心　　 　蓬安网站建设　　 　广汉长尔科技　　 　成都圣月窗帘　　 　解决方案　　 　成都电信服务器托管　　 　成都网络营销