前端js常用正则表达式实例讲解
本文内容整理自他人优秀的博客,非纯原创。仅借此学习和整理。
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常用正则表达式实例讲解的更多相关文章
- JS常用正则表达式备忘录
摘要: 玩转正则表达式. 原文:JS常用正则表达式备忘录 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正则表达式或"regex"用于匹配字符串的各个部分 下面是 ...
- js常用正则表达式,滚蛋吧!你们测试组bug,让你挑
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- js常用正则表达式2
字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界. -或- 对 ...
- 前端JS常用字符串处理实例
字符串处理常常用在处理服务器回传的数据.动态拼接生成html等,是前端面试的必考题. 我觉得字符串处理这种常用到的,一定要了然于心,不然用到时急急忙忙去翻手册费半天. 入正题,首先提出平常遇到的几个需 ...
- js 常用正则表达式表单验证代码
正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一 ...
- Vue.js 基础指令实例讲解(各种数据绑定、表单渲染大总结)——新手入门、高手进阶
Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架--只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动 ...
- js常用正则表达式表单验证代码
方法一: var re=/正则表达式/; re.test($("txtid").val()) 方法二: $("txtid").val.match(/正则 ...
- JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数 ...
- js常用正则表达式汇总
常用的前台正则表达式汇总. 1.手机号验证 手机格式以1开头,现有的手机格式一般为13.14.15.17.18等 var regMobile = /^1[34578]\d{9}$/; //或者为/^1 ...
随机推荐
- 【Android】利用自己定义View的重绘实现拖动移动,获取组件的尺寸
以下利用一个app来说明怎样利用自己定义View的重绘实现拖动移动.获取组件的尺寸. 例如以下图,触摸拖动,或者轻轻点击屏幕都能移动图片.假设碰到文字,则会弹出提示. 这里是利用自己定义View的重绘 ...
- vim 基础学习之替换
替换命令substitute可以用来查找跟替换操作. :[range]s[ubstitute]/{pattern}/{string}/[flags] [count] range-命令作用范围(缺省的情 ...
- webservices 服务器未能识别 HTTP 头 SOAPAction 的值:.
转自:https://blog.csdn.net/dxfasr/article/details/25029063 在用java发送给webservice服务器的时候报如下错误: AxisFault f ...
- vue UI 框架
(1)Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element (1-1)Vuetify 最新的ui 框架 ...
- ajax模仿iframe
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- A股借壳上市?暂时没戏
近期股市波动,让不少P2P概念股打回原型.同花顺数据显示,上周五P2P概念股整体下跌9.28%,其中除了5家上市公司停牌外,14家P2P概念股跌幅都超过了9%.此前大热的多伦股份自6月23日以来,股价 ...
- c# List集合学习
1---集合,可以理解成容器 泛型集合 非泛型集合2---使用集合用到的命名空间 using System.Collections.Generic;3---集合是如何来的?集合的前辈是数组,数组在内存 ...
- Dubbo springcloud
简而言之,Dubbo确实类似于Spring Cloud的一个子集,Dubbo功能和文档完善,在国内有很多的成熟用户,然而鉴于Dubbo的社区现状(曾经长期停止维护,2017年7月31日团队又宣布重点维 ...
- ZOJ 3587 Marlon's String 扩展KMP
链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3587 题意:给出两个字符串S和T.S,T<=100000.拿出 ...
- android关键组件service服务(一)
一. Service简单介绍 Service是android 系统中的四大组件之中的一个(Activity.Service.BroadcastReceiver.ContentProvider),它跟A ...