» »

Сравнение паролей в форме регистрации сайта


Сравнение паролей в форме регистрации сайта

Все дело в том, чтоб при регистраций и прописывание пароля, они были одинаковы. И в этом поможет скрипт, который даст вам об этом знать оттенком цвета. Все очень просто и банально, но к примеру на системе uCoz это не предусмотрено, и мы может здесь доработать. Если пароли не сходятся, то получается красный обвод и пользователь сразу меняет, а не продолжает регистрироваться и как только сошлись, то все нормально, он может продолжать регистрацию.

Форма регистрации локальных пользователей 

Код
<style>  
  input[type=password]:invalid{  
  border: solid 1px red;  
  }  
  </style>  
  <script>  
  document.addEventListener('DOMContentLoaded', function () {  
  var pass1 = document.querySelector('#siF14'),  
  pass2 = document.querySelector('#siF15')  
  pass1.addEventListener('input', function () {  
  this.value != pass2.value ? pass2.setCustomValidity('siF14 incorrect') : pass2.setCustomValidity('')  
  })  
  pass2.addEventListener('input', function (e) {  
  this.value != pass1.value ? this.setCustomValidity('siF14 incorrect') : this.setCustomValidity('')  
  })  
  })  
  </script>
18.05.2016 Просмотров: 415 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Dixes
Dixes 18.05.2016 14:011
+2
можно еще так:



Код
<style>input[type=password]:invalid{background: url('http://life-gta.ru/SD/passw.png');border: solid 1px red; outline: 0 }</style>
Kosten
Kosten 18.05.2016 14:142
+2
Нужный скрипт, так как на сайте системы uCoz, такой фишки нет, и регистрируешься, а пароли разные, и за этого опять все заполнять, когда все можно заранее проверить.
feliksteg
feliksteg 19.05.2016 10:103
0
Но если это работает, то очень хорошее дополнение на сайте будет, где то даже нужное.
avatar