รหัสผ่านกลายเป็นเครื่องมือที่ขาดไม่ได้ในชีวิตและการทำงานของเรา แต่รหัสผ่านที่ไม่ปลอดภัยอาจทำให้เราสูญเสียโดยไม่จำเป็น ในฐานะนักออกแบบเว็บไซต์ หากเราสามารถประเมินความปลอดภัยเกี่ยวกับรหัสผ่านที่ผู้ใช้ป้อนบนหน้าเว็บและแสดงข้อมูลที่เกี่ยวข้อง การตั้งรหัสผ่านที่ปลอดภัยจะเป็นประโยชน์อย่างยิ่งแก่ผู้ใช้ ในขณะเดียวกันก็ทำให้เว็บไซต์ใช้งานง่ายและน่าดึงดูดยิ่งขึ้น
รหัสผ่านที่ปลอดภัยคืออะไร?
1. หากรหัสผ่านน้อยกว่า 5 ตัวอักษร ถือว่ารหัสผ่านไม่รัดกุม
2. หากรหัสผ่านประกอบด้วยตัวเลข ตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ หรือสัญลักษณ์พิเศษอื่น ๆ เพียงตัวใดตัวหนึ่งเท่านั้น จะถือว่าเป็นรหัสผ่านที่ไม่รัดกุม
3. หากรหัสผ่านประกอบด้วยตัวเลขสองประเภท คือ ตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ หรือสัญลักษณ์พิเศษอื่น ๆ ก็ถือว่าเป็นรหัสผ่านที่มีความปลอดภัยปานกลาง
4. หากรหัสผ่านประกอบด้วยตัวเลข ตัวอักษรพิมพ์เล็ก ตัวอักษรพิมพ์ใหญ่ หรือสัญลักษณ์พิเศษอื่น ๆ มากกว่าสามประเภท ก็ถือว่าเป็นรหัสผ่านที่ค่อนข้างปลอดภัย
โปรแกรมเฉพาะมีดังนี้ (ที่อยู่สาธิต: http://www.netInter.cn/reg):
<script language=javascript>
//การออกแบบโปรแกรม: Global Wanwei เชี่ยวชาญด้านการจดทะเบียนชื่อโดเมนและบริการโฮสติ้งเสมือน
//เว็บไซต์: http://www.netInter.cn
//โปรแกรมนี้เป็นโปรแกรมต้นฉบับของ Global Wanwei หากคุณต้องการพิมพ์ซ้ำ โปรดระบุ URL และแหล่งที่มา ขอบคุณ
//ข้อมูลข้างต้นเป็นส่วนสำคัญของข้อความบทความ ดังนั้นหากคุณต้องการพิมพ์บทความนี้ซ้ำ คุณต้องเก็บข้อมูลข้างต้นไว้
//ฟังก์ชัน CharMode
//ทดสอบว่าตัวละครอยู่ในหมวดหมู่ใด
ฟังก์ชั่น CharMode(iN){
ถ้า (iN>=48 && iN <=57) //number
กลับ 1;
if (iN>=65 && iN <=90) // ตัวอักษรตัวพิมพ์ใหญ่
กลับ 2;
ถ้า (iN>=97 && iN <=122) //ตัวพิมพ์เล็ก
กลับ 4;
อื่น
กลับ 8; //อักขระพิเศษ
}
//ฟังก์ชัน bitTotal
//คำนวณว่ามีกี่โหมดในรหัสผ่านปัจจุบัน
ฟังก์ชั่น bitTotal (ตัวเลข) {
โหมด=0;
สำหรับ (i=0;i<4;i++){
ถ้า (หมายเลข & 1) โหมด ++;
หมายเลข >>>>=1;
-
โหมดกลับ;
}
//ตรวจสอบฟังก์ชัน Strong
//ส่งคืน
ฟังก์ชันระดับความแข็งแกร่งของรหัสผ่าน checkStrong(sPW){
ถ้า (sPW.length<=4)
กลับ 0; // รหัสผ่านสั้นเกินไป
โหมด=0;
สำหรับ (i=0;i<sPW.length;i++){
//ทดสอบหมวดหมู่ของตัวละครแต่ละตัวแล้วนับว่ามีกี่รูปแบบ
โหมด|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}
//ฟังก์ชัน pwStrength
//เมื่อผู้ใช้ปล่อยแป้นพิมพ์หรือกล่องป้อนรหัสผ่านสูญเสียโฟกัส สีที่ต่างกันจะปรากฏขึ้นตาม
ฟังก์ชันระดับต่างๆ pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
ถ้า (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
-
อื่น{
S_level=checkStrong(pwd);
สวิตช์ (S_level) {
กรณีที่ 0:
Lcolor=Mcolor=Hcolor=O_color;
กรณีที่ 1:
Lสี=L_สี;
Mcolor=Hcolor=O_color;
หยุดพัก;
กรณีที่ 2:
Lสี=Mสี=M_สี;
Hสี=O_สี;
หยุดพัก;
ค่าเริ่มต้น:
Lcolor=Mcolor=Hcolor=H_color;
-
}
document.getElementById("strength_L").style.พื้นหลัง="/Lcolor";
document.getElementById("strength_M").style.พื้นหลัง=Mcolor;
document.getElementById("strength_H").style.พื้นหลัง=Hcolor;
กลับ;
}
</script>
<form name=form1 action="">
ป้อนรหัสผ่าน:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>ความแข็งแกร่งของรหัสผ่าน:
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>
<tr align="center" bgcolor="#eeeeee">
<td width="33%" id="strength_L">อ่อน</td>
<td width="33%" id="strength_M">ปานกลาง</ td>
<td width="33%" id="strength_H">แข็งแกร่ง</td>
</tr>
</ตาราง>
</แบบฟอร์ม>