【记录4】【密码生成】前端自动生成8位由字母和数字组成的密码

最近做项目，需要管理员在登记新用户时可以点击按钮自动生成密码功能。

要求1：数字+大写字母+小写字母8位

长度为8
必须包含字母和数字（注意：这里没有说字母区分大小写）

效果图：

代码：

automaticallyGenerate(){console.log("自动生成");//可获取的字符串var chars = 'ABCDEFGHIJKLMNOPQRSTUVWSYZabcdefghijklmnopqrstuvwsyz0123456789'var list = []//通过随机获取八个字符串的索引下标for(var i=0;i<8;i++){//61为chars字符串长度为62，注意索引是从0开始的let val_1 = Math.round(Math.random()*61)  list.push(val_1)}//再根据随机获取的8个字符串索引拿到这8个字符串进行拼接var passwd = ''for(var n=0;n<list.length;n++){passwd +=  chars.charAt(list[n])}// var regNumber = /[A-Za-z0-9]{8}$///最后判断是否符合要求（长度为8，由字母和数字组成），符合，将赋值到密码字段，不符合，重新调用该函数获取，只到符合为止var regNumber = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8}$/if(regNumber.test(passwd) ){this.customerForm.password = passwd}else{this.automaticallyGenerate()}},

也可以借助自动生成密码的逻辑来实现验证码
小编亲测有效

要求2：数字+大写字母+小写字母+特殊字符8位

2021年12月29日 23:39 记录

根据需求变动，密码规则发生变化：要求是数字+大写字母+小写字母+特殊字符 生成8位密码字符
特殊符：.@$!%*#_~?&^

效果图

代码块

chars = 'ABCDEFGHIJKLMNOPQRSTUVWSYZabcdefghijklmnopqrstuvwsyz0123456789.@$!%*#_~?&^'
此刻长度按73计算哟
for(var i=0;i<8;i++){let val_1 = Math.round(Math.random()*73)list.push(val_1)
}

正则如下：
/^(?![A-Za-z0-9]+$)(?![a-z0-9_!@#$%^&*()+.]+$)(?![A-Za-z_!@#$%^&*()+.]+$)(?![A-Z0-9_!@#$%^&*()+.]+$)[a-zA-Z0-9_!@#$%^&*()+.]{8,}$/

最后给大家分享一个可直接使用正则的博主链接点击跳转

有用的，请点个赞，让更多的人看到！！！！

【记录4】【密码生成】前端自动生成8位由字母和数字组成的密码相关推荐

258_密码必须由6-20位英文字母或数字组成
密码必须由6-20位英文字母或数字组成 public static boolean checkPassword(String str) { String strPattern = &q ...
正则：密码为8-16位的字母、数字以及英文标点符号且同时包含大小写字母
需求:密码只能是8-16位的字母.数字以及英文标点符号(~!@#$%^&*()_+?-=.)且同时包含大小写字母 import re a = "9224214124_4aW" ...
mysql临时密码不能用,自动生成临时密码后无法访问MySQL
自动生成临时密码后无法访问MySQL 我已经删除并安装了OSX 10.11 El Capitan并且我一直在通过本教程学习如何在新的OS X上运行MySQL .第一步是下载MySQL For Mac ...
前端自动生成Change Log的实现
对文章的作者,我的同事黛妮表示感谢.我们一起完成了这篇文章. 这里附上原文的地址:https://www.yuque.com/rocket/rocket_doc/pyo2i1 开发目的快速可交互的搭 ...
前端自动生成目录结构
自动生成目录结构 1. 安装插件mddir(本次介绍全局) npm install mddir -g 2. 使用命令生成结构: mddir 结果生成一个文件: 内容如下结构: 预览md文件安装i5t ...
简单的二维码生成接口,自动生成二维码,返回图片地址
自动生成二维码,返回图片地址本来不想写的,但是怕太久不写这个东西,就要荒废了,就先记录一下简单的东西这里因为,返回地址的时候,通过了nginx ,我试了很多方法都抓取不到对应的IP地址, 就在ng ...
python 测试用例管理生成_python自动生成接口测试用例
在python中Template可以将字符串的格式固定下来,重复利用. 同一套测试框架为了可以复用,所以我们可以将用例部分做参数化,然后运用到各个项目中. 代码如下: coding=utf-8 ''' ...
dump java崩溃自动不生成_GitHub 自动生成 .gitignore，只想写代码不重要的事情别烦我...
代码上传 GitHub 为何半途而废?因为只想写代码,readme 不想写,gitignore 不想管. readme 不想写已经有救了,我们发现了 readme 自动生成工具你已经是个成熟的 Gi ...
python api接口生成_Django 自动生成api接口文档教程
最近在写测试平台,需要实现一个节点服务器的api,正好在用django,准备使用djangorestframework插件实现. 需求实现一个接口,在调用时,通过传递的参数,直接运行对应项目的自动化 ...

【记录4】【密码生成】前端自动生成8位由字母和数字组成的密码

要求1：数字+大写字母+小写字母8位

效果图：

代码：

要求2：数字+大写字母+小写字母+特殊字符8位

效果图

代码块

【记录4】【密码生成】前端自动生成8位由字母和数字组成的密码相关推荐

最新文章

热门文章