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

相关文章

  • vue页面锁屏的完美解决方法记录

    Vue页面锁屏的完美解决方法记录 在Vue项目中,有时候需要在某些页面或某些操作时锁屏,防止用户在数据处理过程中造成不必要的错误。下面是Vue页面锁屏的完美解决方法记录。 方案介绍 该方案使用了Vue官方推荐的vue-loading-overlay插件实现锁屏。该插件提供了一种可定制的加载遮罩层,同时支持全局和组件内部使用。 实现步骤 第一步:安装插件 使用…

    JavaScript 2023年6月11日
    00
  • HTML DOM setInterval和clearInterval方法案例详解

    下面我将详细讲解“HTML DOM setInterval和clearInterval方法案例详解”的完整攻略。 1. 回顾setInterval和clearInterval的概念 在深入讲解之前,我们需要先了解setInterval和clearInterval两个函数的基本概念。 setInterval:可以重复执行一个函数或一段代码,在规定的时间间隔内不…

    JavaScript 2023年6月11日
    00
  • 基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享

    关于“基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果”的完整攻略,我将结合文本和代码示例作详细讲解。 什么是OO OO是指面向对象(Object-Oriented)编程,它是一种编程方法,适合制作带有交互动态效果的网页。在OO编程中,把一类事物看作一个对象,这个对象有自己的属性和方法,方法就是对象的行为。 基于OO的动画附加插件 此处我们使用一个Jav…

    JavaScript 2023年6月10日
    00
  • js实现盒子拖拽动画效果

    实现盒子拖拽动画效果需要以下步骤: 1. 为拖拽目标元素绑定事件监听器 首先需要为需要拖拽的目标元素添加事件监听器,通常是mousedown事件或者touchstart事件。 let target = document.getElementById(‘drag-target’); target.addEventListener(‘mousedown’, dr…

    JavaScript 2023年6月10日
    00
  • jQuery实现ajax的叠加和停止(终止ajax请求)

    jQuery实现ajax的叠加 当我们在前端发起多次ajax请求时,可能会出现同时向后端发送多个请求,导致服务器压力过大或前端发生卡顿等情况。因此,我们希望能够想办法将这些请求叠加起来,以减轻服务器和前端的负担。下面是实现ajax叠加的具体方法: 首先,我们需要定义一个变量,用于存储当前正在进行的ajax请求: var currentRequest = nu…

    JavaScript 2023年6月11日
    00
  • JavaScript中的slice()方法使用详解

    JavaScript中的slice()方法是操作数组和字符串的常用方法之一,通过调用slice()方法可以截取数组或字符串的一部分元素或字符,返回一个新的数组或字符串,而原来的数组或字符串不会发生改变。下面将对slice()方法的使用进行详细讲解。 slice()方法语法 slice()方法的语法如下: arr.slice([begin[, end]]) 其…

    JavaScript 2023年5月28日
    00
  • 分享我通过 API 赚钱的思路

    写在最前 我们经常看到非常多的 API 推荐,但又经常收藏到收藏夹里吃灰,仿佛收藏了就是用了。 很多时候没有用起来,可能是因为想不到某类 API 可以用来做什么或者能应用在哪里。 下面我将我思考的一些方向给到大家,希望我们都能共同致富。 天气类 API 天气预报查询:获取城市的天气实况数据;更新频率分钟级别。 空气质量查询:获取指定城市的整点观测空气质量等。…

    JavaScript 2023年4月18日
    00
  • 一个JavaScript函数把URL参数解析成Json对象

    要把URL参数解析成Json对象,可以使用JavaScript的内置方法URLSearchParams,该方法可用于解析URL查询字符串中的参数。具体步骤如下。 步骤一:获取URL参数字符串 使用window.location.search获取URL的查询字符串,然后去除开头的问号“?”,得到纯参数字符串。 const searchParams = wind…

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