Показать сообщение отдельно
  #9 (permalink)  
Старый 25.06.2016, 02:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

laimas,
вариант того как я понял задание ... правильные пароли араб , яшКа, Лайм. проверка только крайних букв пароля.
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .err:after{
     content: "error";
     color: red;
      margin-left: 6px;
   }

 </style>

  </script>
</head>

<body>
<form id="main" action="http://">
<label for="pas"><input id="pas" name="pas" type="password"></label>
</form>


<script>
window.addEventListener("DOMContentLoaded", function() {
    var form = document.querySelector("#main"),
        pas = form.querySelector("#pas"),
        lab = form.querySelector('[for="pas"]'),
        str = "абвгдежзийклмнопрстуфхцчшщъыьэюя";
    pas.addEventListener("input", function() {
        var val = pas.value,
            first = val.substr(0, 1).toLowerCase(),
            last = val.substr(-1).toLowerCase(),
            i = str.indexOf(first),
            d = str.indexOf(last);
        console.log(first, last);
        if (i == str.length - 1 && !d || i > -1 && i + 1 == d) lab.classList.remove("err");
        else lab.classList.add("err")
    })
});
</script>
</body>
</html>
Ответить с цитированием