专栏首页前端时空推荐三款正则可视化工具

推荐三款正则可视化工具

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

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

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

三款 JS 正则可视化工具

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

常见正则表达式

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

邮箱

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

^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$

电话

手机号码

13012345678 手机号码

^1(3|4|5|6|7|8|9)\d{9}$

固定电话

XXX-XXXXXXX XXXX-XXXXXXXX 固定电话

(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}

域名

https://google.com/

^((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

((?:(?: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 字节,允许字母数字下划线

^[a-zA-Z][a-zA-Z0-9_]{4,15}$

字符校验

汉字

前端老王

^[\u4e00-\u9fa5]{0,}$

英文和数字

^[A-Za-z0-9]+$

长度为 3 - 20 的所有字符

^.{3,20}$

英文字符

由 26 个英文字母组成的字符串

^[A-Za-z]+$

由 26 个大写英文字母组成的字符串

^[A-Z]+$

由 26 个小写英文字母组成的字符串

^[a-z]+$

由数字和 26 个英文字母组成的字符串

^[A-Za-z0-9]+$

由数字、26 个英文字母或者下划线组成的字符串

^\w+$

中文、英文、数字包括下划线

^[\u4E00-\u9FA5A-Za-z0-9_]+$

中文、英文、数字但不包括下划线等符号

^[\u4E00-\u9FA5A-Za-z0-9]+$

禁止输入含有%&',;=?$"等字符

[^%&',;=?$\x22]+

禁止输入含有~的字符

[^~\x22]+

数字正则

整数

^-?[1-9]\d*$
正整数
^[1-9]\d*$
负整数
^-[1-9]\d*$
非负整数
^[1-9]\d*|0$
非正整数
^-[1-9]\d*|0$

浮点数

^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$
正浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$
负浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$
非负浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
非正浮点数
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$

本文分享自微信公众号 - 前端时空(haohuotansuo),作者:代码先森

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-06-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue 项目推荐,Github 过万 Star

    https://github.com/salomonelli/best-resume-ever

    1024 FED
  • 为什么 React Hooks useState 更新不符预期?

    在定时器中,用useState使数字0做每1秒递增1,但结果不合预期:数字增加一次后便不再改变?

    1024 FED
  • 上手一个的 Vue 入门项目(一)

    代码都是我写的,前辈是 React + PHP,我就搞一个 Vue + Node。

    1024 FED
  • HTML5本地化应用开发-HTML5 Web存储详解

    文章不是简单的的Ctrl C与V,而是一个字一个标点符号慢慢写出来的。我认为这才是是对读者的负责,本教程由技术爱好者成笑笑(博客:http://www.chen...

    做全栈攻城狮
  • ERROR in Cannot use 'in' operator to search for 'providers' in null

    杭州前端工程师
  • React多页面应用7(webpack4 生产环境配置)

    本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,...

    前端人人
  • 秋招面试真题解析:如何保证消息队列是高可用的?

    如果你的回答只是表明自己只会订阅和发布消息,面试官就会怀疑你是不是只是自己搭着玩,压根没在生产用过。

    Java_老男孩
  • 中国首部VR公益短片——《幸存者》,探究家暴受害者内心苦楚

    3月8日,中国首部VR反家暴短片《幸存者》上线爱奇艺,VeeR,3D播播,UtoVR,橙子VR等VR视频平台。

    VRPinea
  • 手把手教你用Faster-RCNN训练自己的数据集

    https://blog.csdn.net/t5131828/article/details/53302503

    用户7787521
  • 动手搭建自己第一台基于ROS2-Arduino的SLAM小车

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    zhangrelay

扫码关注云+社区

领取腾讯云代金券