Проверка сложности пароля

@MarkoPolo · Регистрация: 15.08.2012

Author24 — интернет-сервис помощи студентам

Помогите пожалуйста реализовать такую идею:
Есть input для ввода пароля

HTML5

1	<input type="password" class="input" name="password" />

CSS

.input {
    border:1px solid #CCC;
}
.input:focus {
    border:1px solid #993;
    outline:0 none;
}

когда пользователь начинает вводить пароль то рамка становится красного цвета

CSS

1	border:1px solid #900;

после ввода 6 символа рамка становится оранжевой

CSS

1	border:1px solid #F90;

а после 16 символа становится зеленой

CSS

1	border:1px solid #3F0;

@Grand7 · 18.01.2013, 14:48

Javascript

1 2	var color = ['900', 'F90', '3F0'], input = document.getElementsByName('password')[0], len = input.value.length; input.style.border = "1px solid #" + color[(len < 6 ? 0 : len < 16 ? 1 : 2)]

Ну и саму кнопку вещайте события onkeyup, onkeydown, onchange.

@MarkoPolo · 18.01.2013, 15:14 **[ТС]**

Извините но я привык к php поэтому скриптами никогда не пользовался, как этот скрипт присоединить к input?

@Grand7 · 18.01.2013, 15:19

Javascript

function checkPassword () {
    var color = ['900', 'F90', '3F0'], input = document.getElementsByName('password')[0], len = input.value.length;
    input.style.border = "1px solid #" + color[(len < 6 ? 0 : len < 16 ? 1 : 2)];
};

HTML5

1	<input type="password" class="input" name="password" onkeydown="checkPassword();" onkeyup="checkPassword();" onchange="checkPassword();" />

@MarkoPolo · 18.01.2013, 15:21 **[ТС]**

Большое спасибо

@newJS · 18.01.2013, 20:32

MarkoPolo, сложность пароля зависит не от его длинны, а от использованных символов, разный регистр, цифры, не буквы и как все это перемешано.
Любую клавишу можно придавить и придержать.
это генератор сгенерил и это похоже на пароль(16 сим)
(PO_j#sLY(3Ja@5L

@MarkoPolo · 19.01.2013, 19:31 **[ТС]**

newJS,проверку пароля написано на php и не допускает всех одинаковых символов, также не позволяет вводить меньше шести символов, в противном случае это дело пользователей, а мать пароль

Сообщение от newJS

(PO_j#sLY(3Ja@5L

никто не захочет потому что трудно запомнить

@MarkoPolo 0 / 0 / 2 Регистрация: 15.08.2012 Сообщений: 102
	18.01.2013, 15:14 [ТС]	3
	Извините но я привык к php поэтому скриптами никогда не пользовался, как этот скрипт присоединить к input? 0

@MarkoPolo 0 / 0 / 2 Регистрация: 15.08.2012 Сообщений: 102
	18.01.2013, 15:21 [ТС]	5
	Большое спасибо 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	18.01.2013, 20:32	6
	MarkoPolo, сложность пароля зависит не от его длинны, а от использованных символов, разный регистр, цифры, не буквы и как все это перемешано. Любую клавишу можно придавить и придержать. это генератор сгенерил и это похоже на пароль(16 сим) (PO_j#sLY(3Ja@5L 0

@MarkoPolo 0 / 0 / 2 Регистрация: 15.08.2012 Сообщений: 102
	19.01.2013, 19:31 [ТС]	7
	newJS,проверку пароля написано на php и не допускает всех одинаковых символов, также не позволяет вводить меньше шести символов, в противном случае это дело пользователей, а мать пароль Сообщение от newJS (PO_j#sLY(3Ja@5L никто не захочет потому что трудно запомнить 0