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

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

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

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

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 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 14 минут назад
- 7 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- 3 часа назад
- 43 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- 14 часов назад
- 68 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- 16 часов назад
- 31 просмотр
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- 23 часа назад
- 139 просмотров
2

ответа
JavaScript

Простой
Как нажать на все блоки с данным классом на странице с помощью JS?
- 1 подписчик
- 23 часа назад
- 100 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как повторить такую же анимацию?
- 2 подписчика
- вчера
- 300 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- вчера
- 109 просмотров
1

ответ
JavaScript

+2 ещё

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

ответ
JavaScript

+1 ещё

Простой
Как сформировать маску, используя регулярное выражение?
- 1 подписчик
- вчера
- 76 просмотров
2

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Сделать верстку для натяжки на wordpress по макету в figma

26 апр. 2024, в 14:21

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

Node JS Бек енд разработчик для доработки CRM системы авто салона

26 апр. 2024, в 14:10

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

Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP

26 апр. 2024, в 14:07

3000 руб./в час

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

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

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

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

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