Сравнение полей input

@Uni_programist · Регистрация: 11.08.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Как сравнить два поля и выполнить
1. Если они одинаковы: выполнить php скрипт
2. Если не одинаковы: выделить красным
Вот у меня, почему-то не работает...
Форма:

HTML5
1
2
3
4
5
6
7
8
<form>
                                                         <div id="messenger"></div>
                                                       <p><input type="password" name="password" placeholder="Ваш старый пароль" required /><span class="text">В данном поле ввести пароль, который используется сейчас для входа (больше 5 символов)</span></p>
                                                       <p><input type="password" name="newpassword" placeholder="Ваш новый пароль" required /><span class="text">Введите пароль, который Вы будете использовать в следующий раз при входе (> 5 символов)</span></p>
                                                       <p><input type="password" name="twonewpassword" placeholder="Повторите новый пароль"  required /><span class="text">Повторите ввод нового пароля. Он соответсвует предыдущему полю ввода</span><p>
                                                         
                                                       <p><input type="submit"  class="refreshovka" name="OK01" value="Изменить пароль" id="jscode" /></p>
                                                      </form>

Обработчик JS-code

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var pas1 = $("#newpassword").val();
            var pas2 = $("#twonewpassword").val();
             if(pas1!=pas2){
                error=3;
                $("#newpassword").css('border', 'red 1px solid');// устанавливаем рамку красного цвета
                $("#twonewpassword").css('border', 'red 1px solid');// устанавливаем рамку красного цвета
             if(error==3)  {
                 err_text="Пароли не совпадают";
                 $("#messenger").html(err_text);    
                 $("#messenger").fadeIn("slow");
             }               
            }
             else {
                 $.ajax({
                    url : 'passef.php' ,
                    method : 'POST' ,
                    data : {
                        number_contract : number_contract.value,
                        city_contract : city_contract.value,
                        date_contract : date_contract.value,
                        
                        surname : surname.value,
                        date_of_birth : date_of_birth.value
 
                    },
                    success : function(resp){
                        //...
                    }
                });

Да и кстати, как вывести ответ из $_SESSION['answer']?

@AlexZaw · 28.04.2018, 19:05

У вас на странице нет элементов с id "newpassword" и "twonewpassword"

@atanov · 28.04.2018, 19:34

Uni_programist, попробуйте так:

HTML5
1
2
3
4
5
6
7
8
9
<meta http-equiv = "Content-Type" content = "text/html" charset = "utf-8">
<form>
<div id="messenger"></div>
<p><input type="password" name="password" placeholder="Ваш старый пароль" required /><span class="text">В данном поле ввести пароль, который используется сейчас для входа (больше 5 символов)</span></p>
<p><input type="password" name="newpassword" placeholder="Ваш новый пароль" required /><span class="text">Введите пароль, который Вы будете использовать в следующий раз при входе (> 5 символов)</span></p>
<p><input type="password" name="twonewpassword" placeholder="Повторите новый пароль"  required /><span class="text">Повторите ввод нового пароля. Он соответсвует предыдущему полю ввода</span><p>
<p><input type="submit"  class="refreshovka" name="OK01" value="Изменить пароль" id="jscode" /></p>
</form>
<script src = "43.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
document.getElementById('jscode').onclick = function (){
    event.preventDefault();
if (document.getElementsByName('newpassword')[0].value !=''&&
document.getElementsByName('newpassword')[0].value == document.getElementsByName('twonewpassword')[0].value)
{
var toPhp = new XMLHttpRequest();
toPhp.open('POST', 'название php скипрат, котрый нужно выполнить.php', true);
toPhp.send();   
}
else{
document.getElementsByName('newpassword')[0].style.borderColor = 'red';
document.getElementsByName('twonewpassword')[0].style.borderColor = 'red';
return;}
}

@Uni_programist · 29.04.2018, 09:04 **[ТС]**

atanov, к сожалению не выполняется php code

@atanov · 29.04.2018, 10:15

Сообщение от Uni_programist

к сожалению не выполняется php code

какие признаки невыполнения?

@atanov · 29.04.2018, 10:36

Uni_programist, у меня всё выполняется:

HTML5
1
2
3
4
5
6
7
8
9
<meta http-equiv = "Content-Type" content = "text/html" charset = "utf-8">
<form>
<div id="messenger"></div>
<p><input type="password" name="password" placeholder="Ваш старый пароль" required /><span class="text">В данном поле ввести пароль, который используется сейчас для входа (больше 5 символов)</span></p>
<p><input type="password" name="newpassword" placeholder="Ваш новый пароль" required /><span class="text">Введите пароль, который Вы будете использовать в следующий раз при входе (> 5 символов)</span></p>
<p><input type="password" name="twonewpassword" placeholder="Повторите новый пароль"  required /><span class="text">Повторите ввод нового пароля. Он соответсвует предыдущему полю ввода</span><p>
<p><input type="submit"  class="refreshovka" name="OK01" value="Изменить пароль" id="jscode" /></p>
</form>
<script src = "43.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
document.getElementById('jscode').onclick = function (){
    event.preventDefault();
if (document.getElementsByName('newpassword')[0].value !=''&&
document.getElementsByName('newpassword')[0].value == document.getElementsByName('twonewpassword')[0].value)
{
var toPhp = new XMLHttpRequest();
toPhp.open('POST', '43.php', false);
toPhp.send();
alert(toPhp.responseText);  
}
else{
document.getElementsByName('newpassword')[0].style.borderColor = 'red';
document.getElementsByName('twonewpassword')[0].style.borderColor = 'red';
return;}
}

PHP
1
2
3
<?php
echo 'this script performed';
?>

@Uni_programist · 01.05.2018, 21:15 **[ТС]**

atanov, такие простые скрипты php выполняются, но нужно, что бы работал скрипт, который меняет пароль в БД, вот с его запуском у меня проблемы... Нажимаю кнопочку,а он никак не отвечает. В БД пытаюсь задеть 1-ю строку, кнопку обновить (в БД нажимал)

@atanov · 01.05.2018, 21:36

Uni_programist, давайте содержимое passref.php.

@Uni_programist · 02.05.2018, 16:04 **[ТС]**

atanov, Сам скрипт рабочий, если подключить его к форме... , но как запустить через JS

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
     session_start();
     include "DataBaze.php";
      header("Content-Type: text/html; charset=utf-8");
     if(!(isset($_SESSION['name']))){
         echo '<script type="text/javascript">alert("Вам запрещен доступ к этой странице ");document.location.href = "/outh/";</script>';
         exit();
     };
     $user_id= $_SESSION['id_user'];
     if (isset($_POST['OK01'])){
         $change=filter_input_array(INPUT_POST, [
             'password'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             'newpassword'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             'twonewpassword'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             ]);
         $sqlit= $DataBaze->prepare("SELECT*FROM `users` WHERE `id`= :id");
         $sqlit->bindParam(':id', $user_id);
         $sqlit->execute();
         if ($raw = $sqlit->fetch(PDO::FETCH_ASSOC)){
             if(password_verify($change['password'],$raw['password'])){
                 $login= $_SESSION['id_user'];
                 $passwordnew = password_hash($change['newpassword'], PASSWORD_DEFAULT);
                 $sqlup= $DataBaze->prepare("UPDATE `users` SET `password`= :password WHERE `id`= :id");
                 $sqlup->bindParam(':password', $passwordnew);
                 $sqlup->bindParam(':id', $user_id);
                 $sqlup->execute();
                  $_SESSION['answer'] = "<div style='color: green'>Пароль успешно изменен</div>";
                  echo $_SESSION['answer'];
             }
             else $_SESSION['answer'] = "<div style='color: red'>Пароли не одинаковы</div>";
             echo $_SESSION['answer'];
         }
     }
   
     ?>

@atanov · 02.05.2018, 20:42

Uni_programist, ну вот я вставил в обработчик 43.php кусочек Вашего кода; немного изменил js; пример рабочий:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
document.getElementById('jscode').onclick = function (){
    event.preventDefault();
if (document.getElementsByName('newpassword')[0].value !=''&&
document.getElementsByName('newpassword')[0].value == document.getElementsByName('twonewpassword')[0].value)
{
var toPhp = new XMLHttpRequest();
toPhp.open('POST', '43.php', false);
toPhp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
toPhp.send('password='+encodeURIComponent(document.getElementsByName('password')[0].value)+
'&newpassword='+encodeURIComponent(document.getElementsByName('newpassword')[0].value)+
'&twonewpassword='+encodeURIComponent(document.getElementsByName('twonewpassword')[0].value));
alert(toPhp.responseText);  
}
else{
document.getElementsByName('newpassword')[0].style.borderColor = 'red';
document.getElementsByName('twonewpassword')[0].style.borderColor = 'red';
return;}
}

PHP
1
2
3
4
5
6
7
8
9
10
11
12
$change = filter_input_array(INPUT_POST, [
             'password'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             'newpassword'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             'twonewpassword'=>[ 
                 'filter'=>FILTER_VALIDATE_REGEXP,
                 'options'=>['regexp'=>'/.{5,}/']],
             ]);
echo '$change["password"] = '.$change['password'];

В результате alert'ом выводиться переданный POST $change['password']. Исправляйте js, назначайте обработчиком passref.php (это строка 7 моего js). Далее - я бы выкинул проверку в 10 строке passref.php - на клиенте проверяется одинаковость.

@Uni_programist · 03.05.2018, 22:14 **[ТС]**

atanov,

Сообщение от atanov

выкинул проверку в 10 строке passref.php - на клиенте проверяется одинаковость

согласен, однако все равно вот так получается и пароль БД не меняется, а вот на скрине 03 (в том случае, если я в 7 строке укажу несуществующую страницу(скрипт)), то в alert передается весь код html страницы 404. Как так получается и почему пароль не обновляется?

@atanov · 04.05.2018, 08:20

Uni_programist, конечно 12 строку с алертом нужно убрать, забыл про это. Далее, у Вас регулярка проверяет старый пароль, так же, как и новый, т.е. на длину 5 символов. Стало быть, первый option не исполнится, если пароль меньше или больше 5-ти символов. По скрину у Вас как раз такой случай.

@Uni_programist · 04.05.2018, 21:26 **[ТС]**

atanov,

Сообщение от atanov

конечно 12 строку с алертом нужно убрать

Убрал, но все равно не хочет работать...
Старый пароль из браузера
Новый пароль: HoIRDvhd39
Повтор пароля: HoIRDvhd39

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
document.getElementById('jscode').onclick = function (){
    event.preventDefault();
if (document.getElementsByName('newpassword')[0].value !=''&&
document.getElementsByName('newpassword')[0].value == document.getElementsByName('twonewpassword')[0].value)
{
var toPhp = new XMLHttpRequest();
toPhp.open('POST', 'passref.php', false);
toPhp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
toPhp.send('password='+encodeURIComponent(document.getElementsByName('password')[0].value)+
'&newpassword='+encodeURIComponent(document.getElementsByName('newpassword')[0].value)+
'&twonewpassword='+encodeURIComponent(document.getElementsByName('twonewpassword')[0].value));
}
else{
document.getElementsByName('newpassword')[0].style.borderColor = 'red';
document.getElementsByName('twonewpassword')[0].style.borderColor = 'red';
return;}
}

Параметр в 7 строке true или false?

@atanov · 04.05.2018, 22:58

Uni_programist, false это синхронный запрос, true асинхронный. Можно оставить true. Вы проигнорировали, что у Вас в обработчике регулярка заточена на 5 символов, стр. 14, 17 и 20. Поэтому filtet_input_array вернет пустой массив $change[]. Приведите регулярку в порядок. Я специально тестил именно пятизначныне пароли; в моём примере, если Вы введёте отличные от пятисимвольных значений, echo на клиент в responseText вернёт пустоту.

@Uni_programist · 05.05.2018, 13:59 **[ТС]**

atanov, заработало, ошибка была не в регулярке, а в строке 10 passref.php:

PHP
1
2
3
4
if (isset($_POST['OK01'])){
//code php
}
?>

Однако, в процессе выполнения php-code в нем генерируется $_SESSION['answer'], а можно средствами JS вывести сессию или php

PHP
1
2
3
4
5
<?php 
                                                                  if(isset($_SESSION['answer'])) {
                                                                         echo $_SESSION['answer'];
                                                                         unset($_SESSION['answer']);
                                                                  } ?>

но тогда нужна перезагрузка страницы....

@atanov · 06.05.2018, 15:37

Сообщение от Uni_programist

Однако, в процессе выполнения php-code в нем генерируется $_SESSION['answer'], а можно средствами JS вывести сессию

А для чего Вам на клиенте нужно одержимое глобального массива $_SESSION?
В любом случае, если в php скрипте есть session_start(), то всё, что Вы запихаете в глобальный массив $_SESSION, будет доступно.
Ещё раз повторю вопрос - зачем Вам сессия на клиенте? Вот Вы в строке 26 проверяете, если true, Вы в массив пихаете html, с зелёным раскрашиванием div и его содержимого "Пароль успешно изменен". Т.е. назначение $_SESSION['answer'] вывести только это. Ничто не мешает Вам при true echo'м вывести "Пароль успешно изменен" (при false "Пароли не одинаковы"), на клиенте это появится в toPhp.responseText. Далее:

JavaScript
1
2
3
4
5
6
7
8
9
var changedDiv = document.getElementsByTagName('div')[0]; //0 это номер дива в структуре DOM
if (toPhp.responseText == 'Пароль успешно изменен'){
changedDiv.innerHTML = toPhp.responseText;
changedDiv.style.color = 'green';
}
else{
changedDiv.innerHTML = toPhp.responseText;
changedDiv.style.color = 'red';
}

@Uni_programist · 06.05.2018, 17:39 **[ТС]**

atanov, то есть получатся так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var changedDiv = document.getElementsByTagName('div')[0];
document.getElementById('jscode').onclick = function (){
    event.preventDefault();
if (document.getElementsByName('newpassword')[0].value !=''&&
document.getElementsByName('newpassword')[0].value == document.getElementsByName('twonewpassword')[0].value)
{
var toPhp = new XMLHttpRequest();
toPhp.open('POST', 'passref.php', true);
toPhp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
toPhp.send('password='+encodeURIComponent(document.getElementsByName('password')[0].value)+
'&newpassword='+encodeURIComponent(document.getElementsByName('newpassword')[0].value)+
'&twonewpassword='+encodeURIComponent(document.getElementsByName('twonewpassword')[0].value));
toPhp.responseText == 'Пароль успешно изменен';
changedDiv.innerHTML = toPhp.responseText;
changedDiv.style.color = 'green';
}
else{
document.getElementsByName('newpassword')[0].style.borderColor = 'red';
document.getElementsByName('twonewpassword')[0].style.borderColor = 'red';
changedDiv.innerHTML = 'Пароли не одинаковы';
    changedDiv.style.color = 'red';
return;
}
}

А что нужно добавить в html?

@atanov · 06.05.2018, 18:55

А куда if в 13 строке дели? И в php нужно echo только строку оставить ‘Пароль успешно изменен’ при true или др. значение при false. Далее, нужно убедиться, что div, куда будет заноситься значение и краситься в соответствующий цвет, первый в структуре DOM.

@Uni_programist · 08.05.2018, 13:34 **[ТС]**

atanov, а можно ответ вывести в элемент div id="messenger", при такой форме:

HTML5
1
2
3
4
5
6
7
<form>
    <div id="messenger">СОБЩЕНИЕ ЗДЕСЬ</div>
    <p><input type="password" name="password" placeholder="Ваш старый пароль" required /><span class="text">В данном поле ввести пароль, который используется сейчас для входа (больше 5 символов)</span></p>
    <p><input type="password" name="newpassword" placeholder="Ваш новый пароль" required /><span class="text">Введите пароль, который Вы будете использовать в следующий раз при входе (> 5 символов)</span></p>
    <p><input type="password" name="twonewpassword" placeholder="Повторите новый пароль"  required /><span class="text">Повторите ввод нового пароля. Он соответсвует предыдущему полю ввода</span><p>
    <p><input type="submit"  class="refreshovka" name="OK01" value="Изменить пароль" id="jscode" /></p>
</form>

и как тогда нужно править JS код?

@atanov · 08.05.2018, 17:43

Uni_programist, первую строку:

JavaScript
1
var changedDiv = document.getElementById(‘messenger’);

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,091
	28.04.2018, 19:05
	У вас на странице нет элементов с id "newpassword" и "twonewpassword" 0

@Uni_programist 4 / 3 / 2 Регистрация: 11.08.2016 Сообщений: 352
	29.04.2018, 09:04 [ТС]
	atanov, к сожалению не выполняется php code 0

@Uni_programist 4 / 3 / 2 Регистрация: 11.08.2016 Сообщений: 352
	01.05.2018, 21:15 [ТС]
	atanov, такие простые скрипты php выполняются, но нужно, что бы работал скрипт, который меняет пароль в БД, вот с его запуском у меня проблемы... Нажимаю кнопочку,а он никак не отвечает. В БД пытаюсь задеть 1-ю строку, кнопку обновить (в БД нажимал) Миниатюры 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	01.05.2018, 21:36
	Uni_programist, давайте содержимое passref.php. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	04.05.2018, 08:20
	Uni_programist, конечно 12 строку с алертом нужно убрать, забыл про это. Далее, у Вас регулярка проверяет старый пароль, так же, как и новый, т.е. на длину 5 символов. Стало быть, первый option не исполнится, если пароль меньше или больше 5-ти символов. По скрину у Вас как раз такой случай. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	04.05.2018, 22:58
	Uni_programist, false это синхронный запрос, true асинхронный. Можно оставить true. Вы проигнорировали, что у Вас в обработчике регулярка заточена на 5 символов, стр. 14, 17 и 20. Поэтому filtet_input_array вернет пустой массив $change[]. Приведите регулярку в порядок. Я специально тестил именно пятизначныне пароли; в моём примере, если Вы введёте отличные от пятисимвольных значений, echo на клиент в responseText вернёт пустоту. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	06.05.2018, 18:55
	А куда if в 13 строке дели? И в php нужно echo только строку оставить ‘Пароль успешно изменен’ при true или др. значение при false. Далее, нужно убедиться, что div, куда будет заноситься значение и краситься в соответствующий цвет, первый в структуре DOM. 0

Сравнение полей input

Решение