用户名、密码等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日

相关文章

  • 浅谈几种常用的JS类定义方法

    下面是“浅谈几种常用的JS类定义方法”的详细讲解,包含两条示例说明。 一、介绍 在JavaScript中,我们可以使用多种方式来定义和创建自己的类。本文将介绍常用的几种JS类定义方法,以及它们之间的区别和优缺点,帮助读者选取更适合自己的方式来定义类。 二、JS类定义方法 1.函数对象法 这是最常见的一种定义JS类的方法。通过创建一个函数来表示类,然后使用ne…

    JavaScript 2023年5月27日
    00
  • js中cookie的添加、取值、删除示例代码

    下面是JS中操作Cookie的完整攻略,包括添加、取值、删除示例代码: 添加Cookie 在JS中添加Cookie,我们可以利用document.cookie来设置Cookie值。下面是添加Cookie的示例代码: function setCookie(cname, cvalue, exdays) { let d = new Date(); d.setTim…

    JavaScript 2023年6月11日
    00
  • JS实现点击登录弹出窗口同时背景色渐变动画效果

    JS实现点击登录弹出窗口同时背景色渐变动画效果可以分为以下几个步骤: HTML结构的修改:需要在HTML中添加一个按钮和一个弹窗,同时要添加一个全屏蒙层,作为背景色渐变的动画效果。 <button id="loginBtn">登录</button> <div id="loginModal"…

    JavaScript 2023年6月11日
    00
  • JavaScript定义数组的三种方法(new Array(),new Array(‘x’,’y’)

    下面我来详细讲解JavaScript定义数组的三种方法。 一、使用数组字面量 使用数组字面量定义数组最简单,也是最常用的方法。语法如下: let arr = [item1, item2, …, itemN]; 其中,item1至itemN表示数组中的每个元素。这些元素可以是任意类型的,包括数字、字符串甚至还可以是其他数组。 示例: let arr = […

    JavaScript 2023年5月27日
    00
  • Javascript this 函数深入详解

    Javascript this 函数深入详解 什么是this? this 是javascript中一个非常重要和有用的关键字,它代表当前函数执行的上下文,在不同的函数内部指向不同的对象。需要注意的是,this 的指向并不是在定义的时候确定的,而是在运行的时候才确定的。 this 的4中绑定规则 当你在函数里使用 this 时,请先看调用该函数的方式,它式通过…

    JavaScript 2023年5月27日
    00
  • Vuejs使用addEventListener的事件如何触发执行函数的this

    当我们在Vuejs中使用addEventListener添加事件监听器时,我们需要注意事件处理函数的this指向问题。如果我们使用传统的写法编写事件监听函数,那么this指向的就是监听器所在的DOM元素。在Vuejs中,我们的事件处理函数需要绑定到Vue实例上,这样才能使用Vue实例中的数据和方法。 下面是一些如何解决Vuejs中addEventListen…

    JavaScript 2023年6月11日
    00
  • js中如何完美的解析数据

    首先,在JavaScript中解析数据的主要方式是使用JSON对象。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于阅读和编写,被广泛用于Web应用程序中的数据传输。以下是解析数据的完整攻略: 使用JSON.parse()方法解析数据 通过使用JavaScript的JSON.parse()方法,可以将一个字符串…

    JavaScript 2023年5月27日
    00
  • js显示世界时间示例(包括世界各大城市)

    下面就是“js显示世界时间示例(包括世界各大城市)”的完整攻略。 思路概述 本代码的主要思路是通过获取当前时间(即本地时间),将其转换为世界各大城市的对应时间,并在页面上显示出来。具体实现方法是使用 JavaScript 和 Moment.js 库。 实现步骤 引入 Moment.js 库 Moment.js 是一个 JavaScript 日期处理库,可以方…

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