Пароли стали незаменимым инструментом в нашей жизни и работе, но небезопасный пароль может причинить нам ненужные потери. Как дизайнеры веб-сайтов, если мы сможем провести оценку безопасности пароля, введенного пользователем на веб-странице, и отобразить соответствующую подсказку, пользователю будет очень полезно установить безопасный пароль. В то же время это делает сайт более удобным и привлекательным.
Что такое безопасный пароль? Эта программа оценивает его следующим образом.
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) //число
возврат 1;
if (iN>=65 && iN <=90) //прописные буквы
возврат 2;
if (iN>=97 && iN <=122) // строчные буквы
возврат 4;
еще
вернуть 8 //Специальные символы;
}
// функция BitTotal
//Подсчитаем, сколько режимов в текущем пароле
функция bitTotal(num){
режимы = 0;
для (я=0;я<4;я++){
if (число и 1) режимы++;
число>>>=1;
}
режимы возврата;
}
//функция checkStrong
//Возвращаем уровень надежности пароля
function checkStrong(sPW){
если (sPW.length<=4)
return 0 //Пароль слишком короткий;
Режимы=0;
для (i=0;i<sPW.length;i++){
//Проверяем категорию каждого символа и подсчитываем количество шаблонов.
Режимы|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes)
}
// функция pwStrength;
//Когда пользователь отпускает клавиатуру или поле ввода пароля теряет фокус, в соответствии с разными уровнями отображаются разные цвета
function pwStrength(pwd){
O_color="#ееееее";
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:
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>Надежность пароля:
<table width="217" border="1" cellpacing="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>
<td width="33%" id="strength_H">Сильный</td>
</tr>
</таблица
> </форма>