首页 > > 网页制作 > Javascript >

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

2018-06-24 01:18:25来源：未知阅读 ()

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

较弱：全是数字或全是字母 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个字符，请重新输入";
 }