前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >推荐三款正则可视化工具

推荐三款正则可视化工具

作者头像
前端老王
发布2020-07-08 09:49:38
2.1K0
发布2020-07-08 09:49:38
举报
文章被收录于专栏:前端时空前端时空

最近老王对可视化非常着迷。

例如,算法可视化、正则可视化、Vue 数据劫持可视化......

程序的运行过程是看不见摸不着的,如果能够全部实现可视化,那么理解难度将会大幅度减小。

三款 JS 正则可视化工具

  • https://jex.im/regulex
  • https://regexper.com (网络需自由)
    • https://aoxiaoqiang.github.io/reg (替代工具)
  • https://www.debuggex.com

常见正则表达式

以下图片由https://jex.im/regulex生成

邮箱

只允许英文字母、数字、下划线、英文句号、以及中划线组成

代码语言:javascript
复制
^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$

电话

手机号码

13012345678 手机号码

代码语言:javascript
复制
^1(3|4|5|6|7|8|9)\d{9}$
固定电话

XXX-XXXXXXX XXXX-XXXXXXXX 固定电话

代码语言:javascript
复制
(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}

域名

https://google.com/

代码语言:javascript
复制
^((http:\/\/)|(https:\/\/))?([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}(\/)

IP

127.0.0.1

代码语言:javascript
复制
((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))

帐号校验

laowang_001 字母开头,允许 5 - 16 字节,允许字母数字下划线

代码语言:javascript
复制
^[a-zA-Z][a-zA-Z0-9_]{4,15}$

字符校验

汉字

前端老王

代码语言:javascript
复制
^[\u4e00-\u9fa5]{0,}$
英文和数字
代码语言:javascript
复制
^[A-Za-z0-9]+$

长度为 3 - 20 的所有字符

代码语言:javascript
复制
^.{3,20}$

英文字符

由 26 个英文字母组成的字符串
代码语言:javascript
复制
^[A-Za-z]+$
由 26 个大写英文字母组成的字符串
代码语言:javascript
复制
^[A-Z]+$
由 26 个小写英文字母组成的字符串
代码语言:javascript
复制
^[a-z]+$
由数字和 26 个英文字母组成的字符串
代码语言:javascript
复制
^[A-Za-z0-9]+$
由数字、26 个英文字母或者下划线组成的字符串
代码语言:javascript
复制
^\w+$
中文、英文、数字包括下划线
代码语言:javascript
复制
^[\u4E00-\u9FA5A-Za-z0-9_]+$
中文、英文、数字但不包括下划线等符号
代码语言:javascript
复制
^[\u4E00-\u9FA5A-Za-z0-9]+$
禁止输入含有%&',;=?$"等字符
代码语言:javascript
复制
[^%&',;=?$\x22]+
禁止输入含有~的字符
代码语言:javascript
复制
[^~\x22]+

数字正则

整数
代码语言:javascript
复制
^-?[1-9]\d*$
正整数
代码语言:javascript
复制
^[1-9]\d*$
负整数
代码语言:javascript
复制
^-[1-9]\d*$
非负整数
代码语言:javascript
复制
^[1-9]\d*|0$
非正整数
代码语言:javascript
复制
^-[1-9]\d*|0$
浮点数
代码语言:javascript
复制
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$
正浮点数
代码语言:javascript
复制
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$
负浮点数
代码语言:javascript
复制
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$
非负浮点数
代码语言:javascript
复制
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
非正浮点数
代码语言:javascript
复制
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-06-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端时空 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 三款 JS 正则可视化工具
  • 常见正则表达式
    • 邮箱
      • 电话
        • 手机号码
        • 固定电话
      • 域名
        • IP
          • 帐号校验
            • 字符校验
              • 汉字
              • 英文和数字
            • 长度为 3 - 20 的所有字符
              • 英文字符
                • 由 26 个英文字母组成的字符串
                • 由 26 个大写英文字母组成的字符串
                • 由 26 个小写英文字母组成的字符串
                • 由数字和 26 个英文字母组成的字符串
                • 由数字、26 个英文字母或者下划线组成的字符串
                • 中文、英文、数字包括下划线
                • 中文、英文、数字但不包括下划线等符号
                • 禁止输入含有%&',;=?$"等字符
                • 禁止输入含有~的字符
              • 数字正则
                • 整数
                • 浮点数
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档