Gunakan Javascript untuk mengevaluasi kekuatan kata sandi yang dimasukkan oleh pengguna

Kata sandi telah menjadi alat yang sangat diperlukan dalam kehidupan dan pekerjaan kita, namun kata sandi yang tidak aman dapat menyebabkan kerugian yang tidak perlu. Sebagai perancang situs web, jika kita dapat melakukan penilaian keamanan terhadap kata sandi yang dimasukkan oleh pengguna di halaman web dan menampilkan informasi cepat yang sesuai, akan sangat membantu pengguna untuk menetapkan kata sandi yang aman. Pada saat yang sama, ini juga membuat situs web lebih ramah pengguna dan menarik.
Apa itu kata sandi yang aman? Program ini mengevaluasinya dengan cara berikut.
1. Jika kata sandi kurang dari 5 karakter, maka dianggap kata sandi lemah.
2. Jika password hanya terdiri dari salah satu angka, huruf kecil, huruf besar atau simbol khusus lainnya, maka dianggap password lemah.
3. Jika kata sandi terdiri dari dua jenis angka, huruf kecil, huruf besar, atau simbol khusus lainnya, maka kata sandi tersebut dianggap cukup aman.
4. Jika password terdiri lebih dari tiga jenis angka, huruf kecil, huruf besar atau simbol khusus lainnya, maka dianggap password yang relatif aman.

Program spesifiknya adalah sebagai berikut (alamat demo: http://www.netInter.cn/reg):

<script bahasa=javascript>

//Desain program: Global Wanwei, yang berspesialisasi dalam pendaftaran nama domain dan layanan hosting virtual
//Situs Web: http://www.netInter.cn
//Program ini adalah program asli Global Wanwei. Jika Anda perlu mencetak ulang, harap sebutkan URL dan sumbernya.
//Informasi di atas merupakan bagian integral dari teks artikel, jadi jika Anda ingin mencetak ulang artikel ini, Anda harus menyimpan informasi di atas.

//Fungsi Mode Char
//Uji kategori mana yang termasuk dalam karakter.
fungsi CharMode(iN){
if (iN>=48 && iN <=57) //angka
kembali 1;
if (iN>=65 && iN <=90) //huruf besar
kembali 2;
if (iN>=97 && iN <=122) //huruf kecil
kembali 4;
kalau tidak
kembali 8; //Karakter khusus
}

//fungsi total bit
//Hitung berapa banyak mode yang ada pada kata sandi saat ini
fungsi bitTotal(angka){
mode=0;
untuk (i=0;i<4;i++){
if (angka & 1) mode++;
angka>>>=1;
}
mode pengembalian;
}

//fungsi checkStrong
//Kembalikan fungsi tingkat kekuatan kata sandi

checkStrong(sPW){
if (sPW.panjang<=4)
return 0; //Kata sandi terlalu pendek
Mode=0;
for (i=0;i<sPW.panjang;i++){
//Uji kategori setiap karakter dan hitung berapa banyak pola yang ada.
Mode|=CharMode(sPW.charCodeAt(i));
}

return bitTotal(Mode);

//

fungsi pwStrength
//Ketika pengguna melepaskan keyboard atau kotak masukan kata sandi kehilangan fokus, warna berbeda ditampilkan sesuai dengan level berbeda

function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
jika (pwd==batal||pwd==''){
Lwarna=Mwarna=Hwarna=O_warna;
}
kalau tidak{
S_level=checkStrong(pwd);
beralih(tingkat_S) {
kasus 0:
Lwarna=Mwarna=Hwarna=O_warna;
kasus 1:
Lwarna=L_warna;
Mwarna=Hwarna=O_warna;
merusak;
kasus 2:
Lwarna=Mwarna=M_warna;
Hwarna=O_warna;
merusak;
bawaan:
Lwarna=Mwarna=Hwarna=H_warna;
}
}

document.getElementById("strength_L").style.background="/Lcolor";
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
kembali;
}

</skrip>

<nama formulir=form1 action="" >
Masukkan kata sandi:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>Kekuatan Kata Sandi:
<tabel lebar = "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">Lemah</td>

<td width="33%" id="strength_M">Sedang</ td>

<td width="33%" id="strength_H">Kuat</td>
</tr>
</tabel>

</form>