Как сравнить старый и новый пароль?

Question

Vladislav @SlavaMaxwell

Frontend разработчик

JavaScript

Как сравнить старый и новый пароль?

Как сравнить старый и новый пароль? Нашел на просторах инета это:

function srav(){    
  var diag_nap_uchr = document.getElementById('pass-old');  
  var diag_osn = document.getElementById('pass-new');
  if (diag_nap_uchr.value === diag_osn.value){
    alert ("Совпадение");
  }
}

но не робит что-то

Вопрос задан более трёх лет назад
835 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Sand @sand3001

Этот код сработает если у вас элемент pass-old действительно содержит старый пароль. Как вы помещаете значение старого пароля в это поле?

Написано более трёх лет назад
Vladislav @SlavaMaxwell Автор вопроса

Sand, пока пароля вообще никакого нет, просто соответствие двух полей типа password на одинаковое значение? знаете как такой код написать?

Написано более трёх лет назад

Sand @sand3001

Vladislav, что то вы не договариваете

<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
</head>
<body>
<script>
function srav(){
  var diag_nap_uchr = document.getElementById('pass-old');
  var diag_osn = document.getElementById('pass-new');
  if (diag_nap_uchr.value === diag_osn.value){
    alert ("Совпадение");
  }
}
</script>
<input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456">
<input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password">
<button onclick="srav()">check</button>
</body>
</html>

Всё работает

Написано более трёх лет назад

Vladislav @SlavaMaxwell Автор вопроса

Sand, такой вариант да, но можно реализовать это не когда юзер чекает кнопку, а во время ввода в соседнем поле?

Написано более трёх лет назад

Vladislav @SlavaMaxwell Автор вопроса

Sand, так сработало, спасибо за подсказку

<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
</head>
<body>

<input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456">
<input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password">
<button onclick="srav()">check</button>

<script>
    var diag_nap_uchr = document.getElementById('pass-old');
      var diag_osn = document.getElementById('pass-new');
    
    document.querySelector('#pass-new').addEventListener('input', function(){
        if (diag_nap_uchr.value === diag_osn.value){
            alert ("Совпадение");
        }
    }) 
    </script>

</body>
</html>

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Vladislav @SlavaMaxwell Автор вопроса

Stalker_RED это конечно просто, но если записать так

<input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456"> <input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password">

у второго вообще value никакого и если вводить, то алерта нет

if (oldPass.value === newPass.value) {
  alert()
}

Написано более трёх лет назад

Stalker_RED @Stalker_RED

Vladislav, не никакого, а пустая строка по умолчанию. И если юзер что-то введет, то value появится.

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Как подключить 3D персонажа в three.js?
- 1 подписчик
- 5 часов назад
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- вчера
- 111 просмотров
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 92 просмотра
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- 21 дек.
- 1704 просмотра
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- 21 дек.
- 59 просмотров
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 85 просмотров
2

ответа
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 102 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 214 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 108 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 95 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Cоздание 3d сцены с симуляцией пызырьков

23 дек. 2024, в 16:13

50000 руб./за проект

Сбор данных из HH

23 дек. 2024, в 15:25

5000 руб./за проект

Сделать js-модуль для Тильды

23 дек. 2024, в 14:47

4500 руб./за проект

Этот код сработает если у вас элемент pass-old действительно содержит старый пароль. Как вы помещаете значение старого пароля в это поле?
Sand, пока пароля вообще никакого нет, просто соответствие двух полей типа password на одинаковое значение? знаете как такой код написать?
Vladislav, что то вы не договариваете

<!DOCTYPE html> <html> <head> <title>Testing</title> </head> <body> <script> function srav(){ var diag_nap_uchr = document.getElementById('pass-old'); var diag_osn = document.getElementById('pass-new'); if (diag_nap_uchr.value === diag_osn.value){ alert ("Совпадение"); } } </script> <input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456"> <input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password"> <button onclick="srav()">check</button> </body> </html>

Всё работает
Sand, такой вариант да, но можно реализовать это не когда юзер чекает кнопку, а во время ввода в соседнем поле?
Sand, так сработало, спасибо за подсказку
<!DOCTYPE html> <html> <head> <title>Testing</title> </head> <body> <input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456"> <input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password"> <button onclick="srav()">check</button> <script> var diag_nap_uchr = document.getElementById('pass-old'); var diag_osn = document.getElementById('pass-new'); document.querySelector('#pass-new').addEventListener('input', function(){ if (diag_nap_uchr.value === diag_osn.value){ alert ("Совпадение"); } }) </script> </body> </html>

Answer 1 · 2020-11-25 13:39:17

Используйте событие "oninput", если надо без кнопок:

<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
</head>
<body>
<script>
function srav(){
  var diag_nap_uchr = document.getElementById('pass-old');
  var diag_osn = document.getElementById('pass-new');
  if (diag_nap_uchr.value === diag_osn.value){
    alert ("Совпадение");
  }
}
</script>
<input type="password" id="pass-old" class="field-custom" placeholder="Старый пароль" name="password" value="123456">
<input type="password" id="pass-new" class="field-custom" placeholder="Новый пароль" name="password" oninput="srav()">
</body>
</html>

Answer 2 · 2020-11-25 13:10:09

просто соответствие двух полей типа password на одинаковое значение? знаете как такой код написать?

Знаем конечно. Мы используем оператор сравнения === и секретную конструкцию языка - if!

if (pass1.value === pass2.value) {
   ...
}

Как сравнить старый и новый пароль?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт