用户名、密码等15个常用的js正则表达式

下面我就为大家详细讲解一下"用户名、密码等15个常用的js正则表达式"的攻略。

1. 用户名的正则表达式

用户名通常由大小写字母、数字、下划线和连字符组成,长度一般为4-16个字符。可以用如下正则表达式进行匹配:

var reg = /^[a-zA-Z0-9_-]{4,16}$/;

其中,^表示字符串的开头,$表示字符串的结尾。[a-zA-Z0-9_-]表示可匹配任意大小写字母、数字、下划线和连字符。{4,16}表示字符长度为4-16。

示例:

var username = "hello_world1";
var reg = /^[a-zA-Z0-9_-]{4,16}$/;

if(reg.test(username)) {
  console.log("用户名验证通过");
} else {
  console.log("用户名验证失败");
}

输出结果为:"用户名验证通过"。

2. 密码的正则表达式

密码通常由大小写字母、数字和特殊字符(如$、@、#等)组成,长度一般为8-20个字符。可以用如下正则表达式进行匹配:

var reg = /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=])(?=\S+$).{8,20}$/;

其中,^表示字符串的开头,$表示字符串的结尾。(?=.*[0-9])表示需要包含至少一个数字,(?=.*[a-z])表示需要包含至少一个小写字符,(?=.*[A-Z])表示需要包含至少一个大写字符,(?=.*[@#$%^&+=])表示需要包含至少一个特殊字符,(?=\S+$)表示不允许出现空格,.{8,20}表示字符长度为8-20。

示例:

var password = "Abc123@";
var reg = /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=])(?=\S+$).{8,20}$/;

if(reg.test(password)) {
  console.log("密码验证通过");
} else {
  console.log("密码验证失败");
}

输出结果为:"密码验证通过"。

除了以上两个正则表达式,其他常用的正则表达式可以参考下表:

名称 正则表达式
Email地址 /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
URL地址 /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
手机号码 /^(13[0-9]|14[5|7]|15[0-9]|18[0-9]|17[0-9])\d{8}$/
身份证号码 /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
IP地址 /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/

希望以上内容能对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:用户名、密码等15个常用的js正则表达式 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • 兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

    若要开发一个能够在IE、FireFox、Chrome等浏览器上兼容的xml处理函数js代码,我们可以采用以下步骤: 创建一个xml解析函数 我们可以使用XMLHttpRequest对象来解析xml文件。不同的浏览器对这个对象的支持程度不同,所以我们需要在代码中加入相关兼容性的判断语句,以保证代码的兼容性。以下是一个兼容IE、FireFox、Chrome的xm…

    JavaScript 2023年5月27日
    00
  • ES6知识点整理之函数数组参数的默认值及其解构应用示例

    ES6知识点整理之函数数组参数的默认值及其解构应用示例 函数参数的默认值 在ES6之前,函数的参数如果没有传入值,则默认为undefined。 function func(a, b) { console.log(a, b); } func(1) //输出:1 undefined 在ES6中,函数的参数可以设置默认值,当没有传入该参数时,将使用设定的默认值。默…

    JavaScript 2023年5月28日
    00
  • JS数组array元素的添加和删除方法代码实例

    下面我将为你详细讲解“JS数组array元素的添加和删除方法代码实例”的完整攻略。 一、数组元素的添加 1. push()方法 push() 方法可以在数组的末尾添加一个或多个元素,并返回该数组的新长度。语法如下: array.push(element1, element2, …, elementN) 示例: let arr = [1, 2, 3]; a…

    JavaScript 2023年5月27日
    00
  • javascript实现获取图片大小及图片等比缩放的方法

    以下是详细讲解“javascript实现获取图片大小及图片等比缩放的方法”的完整攻略。 获取图片大小 在JavaScript中,获取图片大小的主要方法是通过HTML5中的Image对象获取。具体步骤如下: 创建Image对象 给Image对象设置图片路径 等待图片加载完成 当图片加载完成后,可以获取到图片的width和height属性,就可以得到图片的大小了…

    JavaScript 2023年5月28日
    00
  • js对url进行编码解码的三种方式总结

    下面是关于“js对url进行编码解码的三种方式总结”的详细解释。 1. URL编码 URL编码是将 URL 中非 ASCII 字符的字符转换成 “%” 加上两位十六进制值,即 URL 编码。 在JavaScript中,可以使用 encodeURIComponent() 方法实现 URL 编码。该方法可以将 URL 中所有需要转换的字符都进行转换。 下面是一个…

    JavaScript 2023年5月20日
    00
  • javascript中声明函数的方法及调用函数的返回值

    下面是详细讲解“javascript中声明函数的方法及调用函数的返回值”的完整攻略。 声明函数的方法 在JavaScript中有多种方式声明函数,这里介绍三种常见的方式。 1. 声明函数 function add(x, y) { return x + y; } 以上代码定义了一个名为add的函数,它接受两个参数x和y,并返回它们的和。 2. 函数表达式 co…

    JavaScript 2023年5月27日
    00
  • JavaScript的21条基本知识点

    下面我将为您详细讲解“JavaScript的21条基本知识点”完整攻略。 JavaScript的21条基本知识点 1. 什么是JavaScript? JavaScript是一种脚本语言,用于编写交互式网页。JavaScript可以用于控制HTML页面中的各种事件,如按钮点击、表单提交、页面滚动等。 2. 变量和数据类型 JavaScript中的数据可以分为以…

    JavaScript 2023年5月17日
    00
  • JS原型链怎么理解

    JS原型链是JS中一个非常重要的概念,理解原型链可以帮助我们更好地理解JS中的对象,继承以及函数等相关知识。下面是JS原型链的详细讲解攻略。 什么是原型链? 在了解什么是原型链之前,我们首先要了解JS中对象的原型。 在JS中,每个对象都有一个原型对象 prototype,其包含了一组属性和方法,并且可以和其他对象形成继承关系。在访问一个对象的属性或方法时,如…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部