Javascript ใช้การแบ่งปันโค้ดเพื่อการตรวจจับความรัดกุมของรหัสผ่าน

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-02-13 14:24:01

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<หัว>

<ชื่อเรื่อง>

密码强度检测

</ชื่อเรื่อง>

ร่างกาย {font:12px/1.5 Arial;} อินพุต {float:left;font-size:12px;width:150px;font-family:arial;border:1px

solid #ccc;padding:3px;} input.correct{border:1px solid green;} input.error{border:1px

สีแดงทึบ;} #tips{float:left;margin:2px 0 0 20px;} #tips span{float:left;width:50px;height:20px;color:#fff;overflow:hidden;พื้นหลัง:#ccc;margin -right:2px;line-height:20px;text-align:center;}

#tips.s1 .active{พื้นหลัง:#f30;} #tips.s2 .active{พื้นหลัง:#fc0;} #tips.s3

.active{พื้นหลัง:#cc0;} #tips.s4 .active{พื้นหลัง:#090;}

</สไตล์>

window.onload = ฟังก์ชั่น () {

var oTips = document.getElementById("เคล็ดลับ");

var oInput = document.getElementsByTagName("อินพุต")[0];

var aSpan = oTips.getElementsByTagName("ช่วง");

var aStr = ["弱", "中", "强", "非常好"];

วาร์ i = 0;

oInput.onkeyup = oInput.onfocus = oInput.onblur = ฟังก์ชัน() {

ดัชนี var = checkStrong (this.value);

this.className = ดัชนี ? "ถูกต้อง": "ผิดพลาด";

oTips.className = "s" + ดัชนี;

สำหรับ (i = 0; i < aSpan.length; i++) aSpan[i].className = aSpan[i].innerHTML = "";

ดัชนี && (aSpan[ดัชนี - 1].className = "ใช้งานอยู่", aSpan[ดัชนี - 1].innerHTML = aStr[ดัชนี - 1])

/** 强度规则

1) 任何少于6个字符的组合，弱;任何字符数的同类字符组合，弱;

2) 任何字符数的两类字符组合,中;

3) 12 位字符数以下的三类或四类字符组合，强;

4) 12 位字符数以上的三类或四类字符组合,非常好。

//检测密码强度

ฟังก์ชั่น checkStrong (sValue) {

โหมด var = 0;

ถ้า (sValue.length < 6) โหมดส่งคืน;

ถ้า (//d/.test(sValue)) โหมด ++; //数字

ถ้า (/[az]/.test(sValue)) โหมด ++; //เล็ก写

ถ้า (/[AZ]/.test(sValue)) โหมด ++; //ตัวใหญ่

ถ้า (//W/.test(sValue)) โหมด ++; //特殊字符

สวิตช์ (โหมด) {

กรณีที่ 1:

กลับ 1;

หยุดพัก;

กรณีที่ 2:

กลับ 2;

กรณีที่ 3:

กรณีที่ 4:

กลับ sValue.length < 12 ? 3 : 4

หยุดพัก;

</สคริปต์>

</หัว>

<ร่างกาย>

</div>

</ร่างกาย>

</html>