Проверка производится при вычислении регулярных выражений.
Три варианта вывода сообщения: надёжный, средний, слабый, или недостаточно символов. Сообщения выводятся рядом с полем ввода пароля.
Изображение
Установка крайне проста, открываете шаблон ucp_register.html, находите:

Код: Выделить всё

<input type="password" tabindex="4" name="new_password" id="new_password" size="25" value="{PASSWORD}" class="inputbox autowidth" title="{L_NEW_PASSWORD}" />
после найденного добавляете:

Код: Выделить всё

<span id="passstrength"></span>
Далее в конец файла, перед <!-- INCLUDE overall_footer.html --> добавляете:

Код: Выделить всё

<script type="text/javascript">
$('#new_password').keyup(function(e) {
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
if (false == enoughRegex.test($(this).val())) {
$('#passstrength').html('Больше символов');
} else if (strongRegex.test($(this).val())) {
$('#passstrength').className = 'ok';
$('#passstrength').html('Сильный!');
} else if (mediumRegex.test($(this).val())) {
$('#passstrength').className = 'alert';
$('#passstrength').html('Средний!');
} else {
$('#passstrength').className = 'error';
$('#passstrength').html('Слабый!');
}
return true;
});
</script>
Всё.
Комментариев нет
Комментариев пока нет, но ты можешь быть первым! Нужно лишь войти или зарегистрироваться и поделиться своим мнением.

Похожие темы