js关于密码框强弱度的提示

Posted 我有饼干吃

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js关于密码框强弱度的提示相关的知识,希望对你有一定的参考价值。

三种密码强度的正则表达式:

较弱:全是数字或全是字母 6-16个字符:/^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/;

中级:数字、26个英文字母 6-16个字符: /^[A-Za-z0-9]{6,16}$/; 

较高:由数字、26个英文字母或者下划线组成的字符串 6-16个字符: /^\w{6,16}$/; 

html部分:
          密码框:<input id = "myinput" type="text" maxlength="16"  placeholder = "请输入6~16个字符" onkeyup="check()" />   //密码输入框
                        <span id = "myspan" ></span>    //这个span是放提示信息的地方
js部分:
function check() {
var mima = document.getElementById("myinput").value;
var sp = document.getElementById("myspan");
if (mima.length == 0) {
sp.innerHTML = "密码不能为空"
} else if (mima.length < 6) {
sp.innerHTML = "密码不能小于6个字符";
} else if (mima.length >= 6 && mima.length < 16) {
sp.innerHTML = "";
var mmzz1 = /^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/;
var mmzz2 = /^[A-Za-z0-9]{6,16}$/;
var mmzz3 = /^\w{6,16}$/;
if (mima.match(mmzz1)) {
sp.innerHTML = "密码等级‘较弱‘,建议字母+数字";
} else if (mima.match(mmzz2)) {
sp.innerHTML = "密码等级‘中等‘,建议字母+数字+特殊符";
} else if (mima.match(mmzz3)) {
sp.innerHTML = "密码等级‘较强‘";
}
} else if (mima.length >= 16) {
sp.innerHTML = "长度大于16个字符,请重新输入";
}

以上是关于js关于密码框强弱度的提示的主要内容,如果未能解决你的问题,请参考以下文章

python使用正则表达式判别用户输入密码的强弱并提示

密码提示强弱的正则表达式

如何使用js代码判断密码框少于6位字符

js实现密码输入框对开启键盘大写锁定的提示(IE浏览器下有自动识别提示则不执行(用IE自带效果即可))

JavaScript正则验证密码强弱度

用js写一个如果没有输入内容就弹出提示框