1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$('#pass').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('Должно быть больше 6 символов');
   } 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;
});

Использовать вместе с html:

1
2
<input type="password" name="pass" id="pass" />
<span id="passstrength"></span>

источник: css-tricks.com

Оставьте свой комментарий