本文内容整理自他人优秀的博客,非纯原创。仅借此学习和整理。

1.匹配用户名

规则描述:

  • 长度4-6位: {4,16}
  • 字母: [a-z] [A-Z]
  • 数字: [0-9]
  • 下划线: [_]
  • 减号: [-]
var usernameReg = /^[a-zA-Z0-9_-]{4,16}$/;

代码分析:

  • ^: 匹配字符串的开始位置
  • []: 中括号表达式,字符集合,匹配所包含的任意一个字符
    • [xyz] :字符集合,匹配所包含的任意一个字符
    • [^xyz] :负值字符集合,匹配未包含的任意字符
  • -:a-z 表示范围连接符,最后一个-代表-本身
  • {}: 限定符
    • {n}: 匹配确定的n次
    • {n,}:至少匹配n次
    • {n,m}: 最少匹配n次且最多匹配m次
  • $: 匹配字符串结尾的位置

2.匹配密码(简单)

规则描述:

  • 长度6-16: {6,16}
  • 可以包含小写字母: [a-z]
  • 可以包含大写字母: [A-Z]
  • 可以包含数字: [0-9]
  • 可以包含下划线: [_]
  • 可以包含减号: [-]
var pwdSingleReg = /^[\w_-]{6,16}$/;

代码分析:

  • \w: 匹配字母、数字、下划线。等价于[A-Za-z0-9_]

    • \W: 匹配非字母、数字、下划线。等价于[^A-Za-z0-9_]

3.匹配密码(强)

规则描述:

  • 长度6-16 {6,16}
  • 必须包含1个数字: [0-9]或\d
  • 必须包含2个大写字母: [A-Z]
  • 必须包含2个小写字母: [a-z]
  • 必须包含1个特殊字符(键盘数字1234567890上标的字符): [!@#$%^&*()]
var pwdStrongReg = /^.*(?=.{6,16})(?=.*\d)(?=.*[A-Z]{2,})(?=.*[a-z]{2,})(?=.*[!@#$%^&*\(\)]).*$/;

代码分析:

  • .:匹配除换行符\n之外的任何单字符
  • *:匹配前面的子表达式0次或多次
  • (?=pattern):零宽正向先行断言或叫正向肯定预查。在任何匹配pattern的字符串开始处匹配查找字符串。看概念不容易懂,这里有个菜鸟教程的例子:
    • "Windows(?=95|98|NT|2000)" 能匹配"Windows2000"中的"Windows",但不能匹配"Windows3.1"中的"Windows"
  • [!@#$%^&*?\(\)]:\(\)斜杠用作圆括号表达式转义

(有空再补充)

学习正则表达式参考文章:

JS正则表达式大全(整理详细且实用)

菜鸟教程:正则表达式 - 教程

密码强度的正则表达式(JavaScript)总结

前端js常用正则表达式实例讲解的更多相关文章

  1. JS常用正则表达式备忘录

    摘要: 玩转正则表达式. 原文:JS常用正则表达式备忘录 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正则表达式或"regex"用于匹配字符串的各个部分 下面是 ...

  2. js常用正则表达式,滚蛋吧!你们测试组bug,让你挑

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  3. js常用正则表达式2

    字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界. -或- 对 ...

  4. 前端JS常用字符串处理实例

    字符串处理常常用在处理服务器回传的数据.动态拼接生成html等,是前端面试的必考题. 我觉得字符串处理这种常用到的,一定要了然于心,不然用到时急急忙忙去翻手册费半天. 入正题,首先提出平常遇到的几个需 ...

  5. js 常用正则表达式表单验证代码

    正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一 ...

  6. Vue.js 基础指令实例讲解(各种数据绑定、表单渲染大总结)——新手入门、高手进阶

    Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架--只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动 ...

  7. js常用正则表达式表单验证代码

    方法一:  var re=/正则表达式/;  re.test($("txtid").val())  方法二:  $("txtid").val.match(/正则 ...

  8. JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)

    验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数 ...

  9. js常用正则表达式汇总

    常用的前台正则表达式汇总. 1.手机号验证 手机格式以1开头,现有的手机格式一般为13.14.15.17.18等 var regMobile = /^1[34578]\d{9}$/; //或者为/^1 ...

随机推荐

  1. 【Android】利用自己定义View的重绘实现拖动移动,获取组件的尺寸

    以下利用一个app来说明怎样利用自己定义View的重绘实现拖动移动.获取组件的尺寸. 例如以下图,触摸拖动,或者轻轻点击屏幕都能移动图片.假设碰到文字,则会弹出提示. 这里是利用自己定义View的重绘 ...

  2. vim 基础学习之替换

    替换命令substitute可以用来查找跟替换操作. :[range]s[ubstitute]/{pattern}/{string}/[flags] [count] range-命令作用范围(缺省的情 ...

  3. webservices 服务器未能识别 HTTP 头 SOAPAction 的值:.

    转自:https://blog.csdn.net/dxfasr/article/details/25029063 在用java发送给webservice服务器的时候报如下错误: AxisFault f ...

  4. vue UI 框架

    (1)Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element (1-1)Vuetify   最新的ui 框架 ...

  5. ajax模仿iframe

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. A股借壳上市?暂时没戏

    近期股市波动,让不少P2P概念股打回原型.同花顺数据显示,上周五P2P概念股整体下跌9.28%,其中除了5家上市公司停牌外,14家P2P概念股跌幅都超过了9%.此前大热的多伦股份自6月23日以来,股价 ...

  7. c# List集合学习

    1---集合,可以理解成容器 泛型集合 非泛型集合2---使用集合用到的命名空间 using System.Collections.Generic;3---集合是如何来的?集合的前辈是数组,数组在内存 ...

  8. Dubbo springcloud

    简而言之,Dubbo确实类似于Spring Cloud的一个子集,Dubbo功能和文档完善,在国内有很多的成熟用户,然而鉴于Dubbo的社区现状(曾经长期停止维护,2017年7月31日团队又宣布重点维 ...

  9. ZOJ 3587 Marlon&#39;s String 扩展KMP

    链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3587 题意:给出两个字符串S和T.S,T<=100000.拿出 ...

  10. android关键组件service服务(一)

    一. Service简单介绍 Service是android 系统中的四大组件之中的一个(Activity.Service.BroadcastReceiver.ContentProvider),它跟A ...