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

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 ("Совпадение");
  }
}

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

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

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 подписчика
- 4 часа назад
- 48 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- 15 часов назад
- 63 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 19 часов назад
- 59 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 20 часов назад
- 37 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 21 час назад
- 29 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 140 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- 20 нояб.
- 173 просмотра
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- 20 нояб.
- 85 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- 20 нояб.
- 52 просмотра
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

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

23 нояб. 2024, в 08:36

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

Необходимо доработать несколько задач

23 нояб. 2024, в 07:32

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

Сделать бэкап сайта(форума) и установить его на сервер

23 нояб. 2024, в 04:31

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

Этот код сработает если у вас элемент 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) {
   ...
}

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

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

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

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