معلومات عن المنتج:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<العنوان>
شكرا جزيلا
</العنوان>
<نمط النوع = "نص/CSS">
الجسم {الخط: 12px / 1.5 Arial؛} الإدخال {تعويم: يسار؛ حجم الخط: 12px؛ العرض: 150px؛ الخط العائلي: arial؛ الحدود: 1px
الصلبة #ccc;الحشو:3px;} input.correct{border:1px الصلبة الخضراء;} input.error{border:1px
أحمر خالص؛} #tips{float:left;margin:2px 0 0 20px;} #tipsspan{float:left;width:50px;height:20px;color:#fff;overflow:hidden;background:#ccc;margin -يمين:2px;ارتفاع الخط:20px;محاذاة النص:المركز;}
#tips.s1 .active{background:#f30;} #tips.s2 .active{background:#fc0;} #tips.s3
.active{background:#cc0;} #tips.s4 .active{background:#090;}
</نمط>
<نوع البرنامج النصي = "نص/جافا سكريبت">
نافذة.onload = وظيفة () {
var oTips = document.getElementById("tips");
var oInput = document.getElementsByTagName("input")[0];
var aSpan = oTips.getElementsByTagName("span");
var aStr = ["弱"، "中"، "强"، "非常好"]؛
فار ط = 0؛
oInput.onkeyup = oInput.onfocus = oInput.onblur = function() {
فار فهرس = checkStrong(this.value);
this.className = الفهرس؟ "صحيح": "خطأ";
oTips.className = "s" + فهرس؛
for (i = 0; i < aSpan.length; i++) aSpan[i].className = aSpan[i].innerHTML = "";
الفهرس && (aSpan[index - 1].className = "active"، aSpan[index - 1].innerHTML = aStr[index - 1])
}
};
/** 强度规则
+ ------------------------------------------------- ------ +
1) لا يوجد سوى 6 أشخاص في كل مكان.
2) لا يوجد أي مشكلة في هذا الأمر.
3) 12 يومًا من التخفيضات في أسعار الفائدة
4) 12 يومًا من أفضل الأوقات التي يمكنك فيها الاختيار من بين أفضل الأماكن في العالم.
+ ------------------------------------------------- ------ +
**/
// 检测密码强度
دالة فحص قوية (sValue) {
أوضاع فار = 0؛
إذا (sValue.length < 6) أوضاع الإرجاع؛
إذا (//d/.test(sValue)) الأوضاع++; //المصدر
إذا (/[az]/.test(sValue)) الأوضاع++; //小写
إذا (/[AZ]/.test(sValue)) الأوضاع++; //大写
if (//W/.test(sValue)) الأوضاع++; // 特殊字符
التبديل (الأوضاع) {
الحالة 1:
العودة 1؛
استراحة؛
الحالة 2:
العودة 2؛
الحالة 3:
الحالة 4:
إرجاع sValue.length < 12؟ 3 : 4
استراحة؛
}
}
</script>
</الرأس>
<الجسم>
<نوع الإدخال = "كلمة المرور" القيمة = "" الحد الأقصى للطول = "16" />
<div معرف = "نصائح">
<سبان></سبان>
<سبان></سبان>
<سبان></سبان>
<سبان></سبان>
</div>
</الجسم>
</html>