分享一个js正则表达式:密码至少8位,要求必须字母、数字加英文符号(不包含空格)

var reg= /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,}$/ ;

JavaScript 正则表达式总结

1、正则表达式概述

ECMAScript 3 开始支持正则表达式,其语法和 Perl 语法很类似,一个完整的正则表达式结构如下:

var expression = / pattern / flags ;

其中,模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。

每个正则表达式都可带有一或多个标志(flags),用以标明正则表达式的行为,正则表达式支持下列 3 个标志:

  • g: 表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;
  • i : 表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;
  • m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。

如果多个标志同时使用时,则写成:gmi 。

正则表达式的创建有两种方式: new RegExp(expression) 和 直接字面量。

//使用直接字面量创建
var exp1 = /(^\s+)|(\s+$)/g;  //使用RegExp对象创建
var exp2 = new RegExp("(^\\s+)|(\\s+$)","g");  

exp1 和 exp2 是两个完全等价的正则表达式,需要注意的是,传递给 RegExp 构造函数的两个参数都是字符串,不能把正则表达式字面量传递给 RegExp 构造函数。

与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。正则表达式中的元字符包括:

( [ { \ ^ $ | ) ? * + .] }

这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对它们进行转义。

//匹配 .docx
var exp = /\.docx/gi ; 

由于 RegExp 构造函数的模式参数是字符串,所以在某些情况下要对字符进行双重转义。所有元字符都必须双重转义,那些已经转义过的字符也是如此。

// 对 \. 再次转义
var exp = new RegExp("\\.docx","gi");//匹配 \n
var exp1 = /\\n/g; //对\n中的\转义
var exp2 = new RegExp("\\\\n","g"); // 对 \\n 再次转义

2、()  []  {} 的区别

() 的作用是提取匹配的字符串。表达式中有几个()就会得到几个相应的匹配字符串。比如 (\s+) 表示连续空格的字符串。

[] 是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示字符文本要匹配英文字符和数字。

{} 一般用来表示匹配的长度,比如 \d{3} 表示匹配三个数字,\d{1,3} 表示匹配1~3个数字,\d{3,} 表示匹配3个以上数字。

3、^ 和 $

^ 匹配一个字符串的开头,比如 (^a) 就是匹配以字母a开头的字符串

$ 匹配一个字符串的结尾,比如 (b$) 就是匹配以字母b结尾的字符串

^ 还有另个一个作用就是取反,比如[^xyz] 表示匹配的字符串不包含xyz

注意问题:

  • 如果 ^ 出现在[ ] 中一般表示取反,而出现在其他地方则是匹配字符串的开头。
  • ^ 和 $ 配合可以有效匹配完整字符串: /d+/.test('4xpt') -> true,而 /^\d+$/.test('4xpt')->false

4、\d  \s  \w  .

\d 匹配一个非负整数, 等价于 [0-9]

\s 匹配一个空白字符

\w 匹配一个英文字母或数字,等价于[0-9a-zA-Z]

.   匹配除换行符以外的任意字符,等价于[^\n]

5、* + ?

* 表示匹配前面元素0次或多次,比如 (\s*) 就是匹配0个或多个空格

+ 表示匹配前面元素1次或多次,比如 (\d+) 就是匹配由至少1个整数组成的字符串

? 表示匹配前面元素0次或1次,相当于{0,1} ,比如(\w?) 就是匹配最多由1个字母或数字组成的字符串

6、$1 和 \1

$1-$9 存放着正则表达式中最近的9个正则表达式的提取的结果,这些结果按照子匹配的出现顺序依次排列。基本语法是:RegExp.$n ,这些属性是静态的,除了replace中的第二个参数可以省略 RegExp 之外,其他地方使用都要加上 RegExp 。

//使用RegExp访问
/(\d+)-(\d+)-(\d+)/.test("2016-03-26") RegExp.$1  // 2016
RegExp.$2  // 03
RegExp.$3  // 26//在replace中使用
"2016-03-26".replace(/(\d+)-(\d+)-(\d+)/,"$1年$2月$3日")
// 2016年03月26日

\1 表示后向引用,是指在正则表达式中,从左往右数,第1个()中的内容,以此类推,\2表示第2个(),\0表示整个表达式。

//匹配日期格式,表达式中的\1代表重复(\-|\/|.)
var rgx = /\d{4}(\-|\/|.)\d{1,2}\1\d{1,2}"/rgx.test("2016-03-26") //true  rgx.test("2016-03.26") //false

两者的区别是:\n只能用在表达式中,而$n只能用在表达式之外的地方。

7、test 和 match

前面的大都是JS正则表达式的语法,而test则是用来检测字符串是否匹配某一个正则表达式,如果匹配就会返回true,反之则返回false

/\d+/.test("123") ; //true/\d+/.test("abc") ; //false

match是获取正则匹配到的结果,以数组的形式返回

"186a619b28".match(/\d+/g); // ["186","619","28"]

8、replace

replace 本身是JavaScript字符串对象的一个方法,它允许接收两个参数:

replace([RegExp|String],[String|Function])

第1个参数可以是一个普通的字符串或是一个正则表达式

第2个参数可以是一个普通的字符串或是一个回调函数

如果第1个参数是 RegExp,JS会先提取RegExp匹配出的结果,然后用第2个参数逐一替换匹配出的结果

如果第2个参数是回调函数,每匹配到一个结果就回调一次,每次回调都会传递以下参数:

result: 本次匹配到的结果$1,...$9: 正则表达式中有几个(),就会传递几个参数,$1~$9分别代表本次匹配中每个()提取的结果,最多9个offset:记录本次匹配的开始位置source:接受匹配的原始字符串

9、经典案例

(1)  实现字符串的 trim 函数,去除字符串两边的空格。

String.prototype.trim = function(){//方式一:将匹配到的每一个结果都用""替换return this.replace(/(^\s+)|(\s+$)/g,function(){return "";});//方式二:和方式一的原理相同return this.replace(/(^\s+)|(\s+$)/g,'');
};

^\s+ 表示以空格开头的连续空白字符,\s+$ 表示以空格结尾的连续空白字符,加上() 就是将匹配到的结果提取出来,由于是 | 的关系,因此这个表达式最多会match到两个结果集,然后执行两次替换:

String.prototype.trim = function(){/*** @param rs:匹配结果* @param $1:第1个()提取结果* @param $2:第2个()提取结果* @param offset:匹配开始位置* @param source:原始字符串*/this.replace(/(^\s+)|(\s+$)/g,function(rs,$1,$2,offset,source){//arguments中的每个元素对应一个参数console.log(arguments);});
};" abcd ".trim();输出结果:[" ", " ", undefined, 0, " abcd "] //第1次匹配结果
[" ", undefined, " ", 5, " abcd "] //第2次匹配结果

(2) 提取浏览器 url 中的参数名和参数值,生成一个key/value 的对象。

function getUrlParamObj(){var obj = {};//获取url的参数部分var params = window.location.search.substr(1);//[^&=]+ 表示不含&或=的连续字符,加上()就是提取对应字符串params.replace(/([^&=]+)=([^&=]*)/gi,function(rs,$1,$2){obj[$1] =  decodeURIComponent($2);});return obj;
}

/([^&=]+)=([^&=]*)/gi 每次匹配到的都是一个完整key/value,形如 xxxx=xxx, 每当匹配到一个这样的结果时就执行回调,并传递匹配到的 key 和 value,对应到$1和$2 。

(3) 扩展 typeof,包含引用类型的具体类型。

function getDataType(obj){let rst = Object.prototype.toString.call(obj);rst = rst.replace(/\[object\s(\w+)\]/,'$1'); //[object Xxx]return rst.toLowerCase()
}getDataType(1); //number
getDataType('a'); //string
getDataType(null); //null
getDataType([]); //array

$1 是正则表达式中第一个() 中匹配的内容。需要注意的是,replace的第二个参数只能是字符串或函数,因此,这里的 $1 需要放在引号中。

(4) 在字符串指定位置插入新字符串。

String.prototype.insetAt = function(str,offset){offset = offset + 1; //使用RegExp()构造函数创建正则表达式var regx = new RegExp("(^.{"+offset+"})");return this.replace(regx,"$1"+str);
};"abcd".insetAt('xyz',2); //在c字符后插入xyz
>> "abcxyzd"

当offset=2时,正则表达式为:(^.{3})  .表示除\n之外的任意字符,{3} 表示匹配前三个连续字符,加()就会将匹配到的结果提取出来,然后通过replace将匹配到的结果替换为新的字符串,形如:结果=结果+str

(5) 将手机号12988886666转化成129****6666 。

function telFormat(tel){tel = String(tel);//方式一return tel.replace(/(\d{3})(\d{4})(\d{4})/,function (rs,$1,$2,$3){return $1+"****"+$3});//方式二return tel.replace(/(\d{3})(\d{4})(\d{4})/,"$1****$3");
}

(\d{3}\d{4}\d{4}) 可以匹配完整的手机号,并分别提取前 3 位、4-7 位和 8-11位,"$1****$3" 是将第 2 个匹配结果用****代替并组成新的字符串,然后替换完整的手机号。

(6)  实现HTML编码,将< / > " & ` 等字符进行转义,避免XSS攻击 。

function htmlEncode(str) {//匹配< / > " & `return str.replace(/[<>"&\/`]/g, function(rs) {switch (rs) {case "<":return "<";case ">":return ">";case "&":return "&";case "\"":return """;case "/":  return "/"case "`":return "'"}});
}

【喜欢前端开发的人员可以扫码关注H5开发社区,关注即送前端学习资料】

js正则表达式:密码至少8位,要求必须字母、数字加英文符号相关推荐

  1. 正则-密码至少8位,且含有数字、字母大小写

    String pattern = "^(?=.*[0-9].*)(?=.*[A-Z].*)(?=.*[a-z].*).{8,}$";

  2. java正则校验-密码至少要由包括大小写字母、数字、标点符号的其中两项,共计8-16位编码组成

    很多朋友在问正则组合校验的问题,但网上那些大都是不对的,现贴上我在项目中写的部分源码供大家取用. String regex = "^(?![A-Za-z]+$)(?!\\d+$)(?![\\ ...

  3. JAVA正则表达式匹配字母数字下划线符号

    正则表达式简单语法及常用正则表达式 基本符号: ^  表示匹配字符串的开始位置  (例外  用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串) $  表示匹配字符串的结束位置 *  表示 ...

  4. 正则表达式验证系统登录密码必须由字母数字和特殊符号组成

    为了验证用户修改的密码符合系统密码规范,特设计了一个正则表达式来验证,经测试有效留下备用啊! 有需要的同学可以参考一下呵呵,有问题概不负责啊! 1.验证密码只能包含字母数字以及!@#$%^&* ...

  5. 正则 至少是数字加英文字符_正则表达式-入门

    前言:今天先分享正则表达式的基础元字符,后续会分享正则表达式的子表达式,回溯引用,前后查找,嵌入条件,,全部分享完成之后,会尝试着去分享一些例子与拆分介绍.如果文字描述有问题可以评论指出,如果概念很模 ...

  6. js 密码正则表达式(至少8位且必有数字+特殊字符+字母)

    // 正则 var reg= /^(?=.*[A-Za-z])(?=.*\d)(?=.*[`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]])[A-Za- ...

  7. js正则表达式密码校验

    密码必须包含数字,特殊字符,小写字母,大写字母其中三项 const regex = /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_!@#$%^&*`~()-+ ...

  8. JS正则表达式手机号中间4位替换成*星号

    手机号中间四位变星号(*) function filterPhoneNumber(phoneNumber) {let reg = /^1[3456789]{1}\d{9}$/ //必须是以1开头,第二 ...

  9. JS正则表达式写法:手机号、邮箱、用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头

    1.手机号:以136,138,150开头,27894678 2.邮箱:4478@qq/163.com/cn 3.用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头 <scri ...

最新文章

  1. C#递归获取JSON所有键值对
  2. Python 爬虫1——爬虫简述
  3. VC6.0下MFC按钮点击函数手动添加
  4. C++ —— 初识C++
  5. mysql5.5.20安装_mysql5.5.20安装文档
  6. linux 窗口管理器_您最喜欢的Linux窗口管理器是什么?
  7. Java并发性和多线程介绍
  8. springMvc 乱码问题
  9. 关于LIMIT(超出界限时,SQL执行也没有问题,而且结果集中只会到有数据的最后一条记录,不会出现空,已经过测试)
  10. jasperprint java_jasperReport的一些参数
  11. linux 安装redies
  12. 中文转换成拼音实施方法
  13. 深度测评:学习商业数据分析,贪心科技AI到底靠谱么?
  14. scrapy 抓取 google play 应用信息
  15. 【人在运维囧途_08】淘宝内部大量使用的开源系统监控工具--Tsar
  16. BZOJ 1140 POI2009 KOD 编码 DFS
  17. 【汇编语言】第三章 寄存器(内存访问)
  18. 计算机网络什么是互联网什么是网速,网速慢是什么原因怎么解决?
  19. 【财务】FMS财务管理系统---对账平台
  20. 微信小程序--服务器数据交互

热门文章

  1. Win10 优化设置
  2. 打开或者关闭麦克风的静音设置?
  3. 利用键盘控制小方块的移动
  4. Android Wi-Fi SSR功能
  5. 解读微信内域名防封防拦截的实现方案,随机访问落地页的实现方案
  6. Windows7 64位软件安装手记
  7. Apache与Weblogic的整合
  8. 中南大学计算机学院盛羽,中南大学、新疆大学ACM暑期联合集训营顺利开营
  9. 实验5 严格源站路由和宽松源站路由
  10. 全球及中国水性喷墨墨水行业行业运行态势及未来发展前景报告2022-2028年