أصبحت كلمات المرور أداة لا غنى عنها في حياتنا وعملنا، ولكن كلمة المرور غير الآمنة قد تسبب لنا خسائر لا داعي لها. كمصممي مواقع الويب، إذا تمكنا من إجراء تقييم أمني لكلمة المرور التي أدخلها المستخدم على صفحة الويب وعرض المعلومات السريعة المقابلة، فسيكون ذلك مفيدًا جدًا للمستخدم لتعيين كلمة مرور آمنة. وفي الوقت نفسه، فإنه يجعل الموقع أكثر سهولة في الاستخدام وجاذبية.
ما هي كلمة المرور الآمنة؟ يقوم هذا البرنامج بتقييمها بالطريقة التالية.
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){
if (iN>=48 && iN <=57) //number
العودة 1؛
if (iN>=65 && iN <=90) //أحرف كبيرة
العودة 2؛
if (iN>=97 && iN <=122) //أحرف صغيرة
العودة 4؛
آخر
إرجاع 8؛ // أحرف خاصة
}
// وظيفة bitTotal
// احسب عدد الأوضاع الموجودة في كلمة المرور الحالية
بت الدالةإجمالي (عدد) {
الأوضاع=0;
لـ (i=0;i<4;i++){
إذا (رقم و 1) وسائط++؛
الأعداد>>>=1;
}
أوضاع العودة
}
//تحقق من وظيفة قوية
// إرجاع مستوى قوة كلمة المرور
function checkStrong(sPW){
إذا (sPW. length<=4)
return 0; // كلمة المرور قصيرة جدًا
الأوضاع=0;
لـ (i=0;i<sPW.length;i++){
// اختبر فئة كل حرف واحسب عدد الأنماط الموجودة.
الأوضاع|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}
//pwStrength function
// عندما يقوم المستخدم بتحرير لوحة المفاتيح أو يفقد مربع إدخال كلمة المرور التركيز، يتم عرض ألوان مختلفة وفقًا لمستويات مختلفة
function 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:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
استراحة؛
الحالة 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
استراحة؛
تقصير:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background="/Lcolor";
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
يعود؛
}
</script>
<form name=form1 action="" >
أدخل كلمة المرور:<نوع الإدخال=حجم كلمة المرور=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>قوة كلمة المرور:
<عرض الجدول = "217" الحدود = "1" تباعد الخلايا = "0" خلية الحشو = "1" لون الحدود = "#cccccc" الارتفاع = "23" نمط = 'عرض: مضمنة'>
<tr align="center" bgcolor="#eeeeee">
<td width="33%" id="strength_L">ضعيف
</td> <td width="33%" id="strength_M">متوسط</td> td>
<td width="33%" id="strength_H">قوي</td>
</tr>
</الجدول>
</النموذج>