首页 > 网络编程 > 正则表达式 > 正文

前端常用正则表达式汇总_正则表达式

2018-10-15 09:22:56

前言

正则这东西吧,感觉是开发的都会接触到一些..

那些所谓的基础语法就不说了哈,一搜一大把,来点实际的.

我这里就分享下我工作中汇总和遇到的,希望对一些小伙伴有些许帮助哈!!

正则汇总

匹配URL

const regexURL = /((https?|ftp)?:////)?(www/.)?[-a-zA-Z0-9@:%._/+~#=]{2,256}/.[a-z]{2,6}/b([-a-zA-Z0-9@:%_/+.~#?&//=]*)/gi;// 这条正则可以匹配这么一坨格式的url//www.baidu.com//http://www.baidu.com//https://www.baidu.com//baidu.com//test.baidu.com  //gds.baidu.com//ftp://www.baidu.com// ---- 分割线 ---- // 也许有小伙伴不需要匹配这么一大坨,只要匹配http和https,上面的改写一下就好了const regexURL = /(https?:////)(www/.)?[-a-zA-Z0-9@:%._/+~#=]{2,256}/.[a-z]{2,6}/b([-a-zA-Z0-9@:%_/+.~#?&//=]*)/gi;//http://www.baidu.com//https://www.baidu.com

匹配中国身份证不大靠谱版

// 为什么说不靠谱,是因为单单正则没法实现区域结合出生日期的判断这种很精准的识别const regexCHINAIDCARD = /^((1[1-5])|(2[1-3])|(3[1-7])|(4[1-6])|(5[0-4])|(6[1-5])|71|(8[12])|91)/d{4}((19/d{2}(0[13-9]|1[012])(0[1-9]|[12]/d|30))|(19/d{2}(0[13578]|1[02])31)|(19/d{2}02(0[1-9]|1/d|2[0-8]))|(19([13579][26]|[2468][048]|0[48])0229))/d{3}(/d|X|x)?$/gi;// 可以匹配这么一堆身份证,身份证号码都是网络搜索的,一搜一堆//230381198104143414//650201199007186135//460106197707275739//44200019860325932X//43052819880216450X//654223197502255401

匹配数字,整数,浮点~~~

// 这货只会匹配正整数const regexInteger = /^/d+$/gi;// 肯定有人想问,范围性的整数呢,看我改下,比如0-100const regexRangeInteger = /^/d$|^[1-9]/d$|^100$/gi;// 匹配小数呢,不限定范围的const regexFloat = /^/d+/./d+$/gi// 倘若要限定呢,比如还是那个,0~100的任意整数和浮点数const regexRangeIntFloat = /^(/d{0,2}(/./d+)?|100(/.0+)?)$/gi;

匹配手机号码

// 不含卫星电话这些,只是罗列的常见的手机范围,也考虑了区域和长途前缀const regexMobileNumber = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/gi;

匹配邮箱

const regexEmail = /^(([^<>()/[/]//.,;:/s@"]+(/.[^<>()/[/]//.,;:/s@"]+)*)|(".+"))@((/[[0-9]{1,3}/.[0-9]{1,3}/.[0-9]{1,3}/.[0-9]{1,3}])|(([a-zA-Z/-0-9_]+/.)+[a-zA-Z]{2,}))$/gi// 已经不靠谱的测试了这么几种写法的邮箱格式都通过了//cc011@qq.com//fsdlk@dd-fad.cn//df_fs2.q@jd-f.com//crklej-dsfj@132.com//fdfkj@aa_fslkdfj.com.cn//d390.fslk@qq.com//1100@gmail.cn//sflk-98_dsf@qq_fsk.com

加强版密码设置规范

// 必须含有大小写字母,数字及特殊符号,长度8~24const regexEnhancePassword = /^(?!/s)((?=.*[a-zA-Z])(?=.*[a-z])(?=.*[A-Z])(?=.*[/W_])./S{8,24})$/g;

中国车牌号校验

const regexCarLicense = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/g;

匹配QQ号,微信号

// QQ在我印象中好像一直都是纯数字,现在好像发展到11位了,好像最初是从100000开始的const regexQQNumber = /^[1-9]/d{5,10}$/gi;// 特意去查了下最新的微信号的规则//1、微信号是微信的唯一凭证,只能设置1次;//2、可使用6-20个字母、数字、下划线和减号;//3、必须以字母开头(字母不区分大小写);//4、不支持设置中文。const regexWeChatNumber = /^[A-Za-z][/w-]{5,19}$/gi;

用户名规范

// 普通版,英文+数字,必须字母开头,允许下划线,长度八到十六const regexNormalUsername = /^[a-zA-Z]/w{7,15}$/gi;// 在这个基础上允许中文四到六个字符const regexE1 = /^[/u4e00-/u9fa5]{4,6}$|^[a-zA-Z]/w{7,15}$/gi;// 多重复用版本,允许手机,邮箱,中文,这个若是写成一个的话,用分组的写法就好了// 不过很长很长,,,推荐用if...else ...来拆分,,就三个正则....

总结

我没有那么多奇奇怪怪的正则,这些都是工作中很常见的,

所有正则都是经过真实环境下的考验,不是假想推断的正则….

以上所述是小编给大家介绍的前端常用正则表达式汇总,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 相关标签:正则表达式
  • 本文发布HTML5中文学习网 ,转载请注明出处,感谢您!
  • 相关文章


  • 曝网友假装外国人写投诉信 ofo秒退押金并回函致歉
  • 苹果市值缩水逾2000亿美元 遭多家投行下调目标价
  • Asp.net Core与类库读取配置文件信息的方法_实用技巧
  • asp.net在Repeater嵌套的Repeater中使用复选框详解_实用技巧
  • 利用IIS调试ASP.NET网站程序的完整步骤_实用技巧
  • Asp.Net Core轻松学习系列之配置文件_实用技巧
  • ASP.NET 页生命周期概述(小结)_实用技巧
  • 详解ASP.NET Core WebApi 返回统一格式参数_实用技巧
  • 2018年网络流行语有哪些?2018年十大网络流行语盘点
  • 华为首席财务官孟晚舟被暂扣 深圳市政府要求加方立即放人!
  • 独孤九贱(4)_PHP视频教程

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    独孤九贱(1)_HTML5视频教程

    《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门视频教程之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    作者信息

    kevin

    永远在学习的路上!

    相关教程

  • javascript初级视频教程 javascript初级视频教程
  • jquery 基础视频教程 jquery 基础视频教程
  • javascript三级联动视频教程 javascript三级联动视频教程
  • 独孤九贱(3)_JavaScript视频教程 独孤九贱(3)_JavaScript视频教程
  • 独孤九贱(6)_jQuery视频教程 独孤九贱(6)_jQuery视频教程
  • 热门教程