Проверка двух input полей на совпадение

@push007 · Регистрация: 20.03.2015

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

Салам всем!!! Мне нужна помощь! Помогите! У меня будет два input поля. Если пользователь вводить сюда данные то надо проверить эти поля, если они не совпадает, тогда надо снизу этих input выводить сообщение("Данные не совпадает") и очистить эти поля....

HTML5
1
<input id="inp" type="text" />

Jabbson · 10.06.2015, 08:46

http://jsfiddle.net/jabbson/8jxs9q11/

@arcmag · 10.06.2015, 09:02

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <script>
        window.addEventListener("load",function(){
            document.getElementById("b").addEventListener("click",function(){
                var inp1 = document.getElementById("inp1"), inp2 = document.getElementById("inp2");
                if(inp1.value!=inp2.value){
                    inp1.value = "";
                    inp2.value = "";
                    document.getElementById("res").innerHTML = "Данные не совпадают!";
                }
                else document.getElementById("res").innerHTML = "Данные совпадают!";
            });
        })
    </script>
    <input id="inp1" type="text">
    <input id="inp2" type="text">
    <input id="b" value="Проверить" type="button">
    <div id="res"></div>

@push007 · 10.06.2015, 10:39 **[ТС]**

arcmag, Jabbson, как сделать так, чтоб пользователь ввел минимум 6 символов ???

Jabbson · 10.06.2015, 10:46

http://jsfiddle.net/jabbson/8jxs9q11/1/

@Artem_Ivanov · 10.06.2015, 13:36

А мне сможете помочь, нужно тоже самое только inpute 1 и вводятся числа.
Как пониаю я это должно выглядеть как то так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <script>
        window.addEventListener("load",function(){
            document.getElementById("b").addEventListener("click",function(){
                if(inp1.value<0){
                    inp1.value = "";
                    document.getElementById("res").innerHTML = "Введите число больше больше нуля";
                }
                elseif (inp1.value>100){
                  inp1.value = "";
                  document.getElementById("res").innerHTML = "введите число меньше 100";
                }
            });
        })
    </script>
    <input id="inp1" type="number">
    <input id="b" value="Проверить" type="button">
    <div id="res"></div>

@push007 · 10.06.2015, 13:57 **[ТС]**

Artem_Ivanov, если что

HTML5
1
2
<input type="text" name="text" id="text">
<div id="msg"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
document.getElementById("text").onchange=check_input;
document.getElementById("text").onkeyup=check_input;
function check_input(){
re=/[^\d]/;
if(re.test(document.getElementById("text").value)){
document.getElementById("text").value=document.getElementById("text").value.replace(re,'');
document.getElementById("msg").innerHTML="Вы не ввели целое число";
} else {
document.getElementById("msg").innerHTML="";
}
}

У меня вот такой код есть. Но место

JavaScript
1
re=/[^\d]/;

надо что то писать.... Я сам хорошо не знаю js

Jabbson · 10.06.2015, 13:59

Artem_Ivanov, http://jsfiddle.net/jabbson/ezrfejv3/

@push007 · 10.06.2015, 14:05 **[ТС]**

arcmag, если нажимаю кнопку, когда "Данные не совпадают!" то он переходить на следующую страницу . Надо не переходил на следующую страницу что делать???

@Artem_Ivanov · 10.06.2015, 14:22

Спасибо, только проблема как и у push007 заключается в том что после ошибки форма всё равно отправляется. Как можно обойти подобную проблемму.
Спасибо!

Jabbson · 10.06.2015, 14:38

Artem_Ivanov, попробуйте

HTML5
1
<input id="inp1" type="number" min=0 max=100>

@Artem_Ivanov · 10.06.2015, 14:45

У меня всё интересней:

HTML5
1
2
<div> ... <input type="number" min="5" max="60" value="5" maxlength="2" name="vch31" id="vch31" title="title" style="width: 60px;"></div>
<input type="submit" name="Button1" class="button-sale" value="Заказать" id="Point-1">

и вот это хочу проверять для всяких IE так как там не работает number

JavaScript
1
2
3
4
5
6
7
8
9
10
11
    window.addEventListener("load", function() {
        document.getElementById("Point-1").addEventListener("click", function() {
            if (vch31.value < 5) {
                vch31.value = "";
                document.getElementById("res").innerHTML = "Введите число больше 5";
            } else if (vch31.value > 60) {
                inp1.value = "";
                document.getElementById("res").innerHTML = "Введите число меньше 60";
            }
        });
    })

Можно как то прерывание вставить сюда?

Jabbson · 10.06.2015, 14:50

еще остановить субмит можно вернув в функции false

@push007 · 10.06.2015, 14:59 **[ТС]**

Jabbson, Artem_Ivanov, в примере можете дать? как остановить субмит

@Artem_Ivanov · 10.06.2015, 15:02

Я правильно понял?

JavaScript
1
function(int)

а потом

JavaScript
1
return:1;

@arcmag · 10.06.2015, 15:28

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

arcmag, если нажимаю кнопку, когда "Данные не совпадают!" то он переходить на следующую страницу . Надо не переходил на следующую страницу что делать???

В смысле? Быть такого не может, на какую страницу он вдруг переходит? Может вы какие то свои изменения внесли? У меня ничего такого не происходит...

@Artem_Ivanov · 10.06.2015, 15:32

Jabbson, не знаю првильно но но returnОМ у меня не получилось

Добавлено через 2 минуты
Кстати вот идея. В форму на сайте задать путь переменную, и в функции JS отработать если true то записать в переменную одно значение (куда переходить), если false то просто "#", тобишь на самого себя

@push007 · 10.06.2015, 15:34 **[ТС]**

arcmag, эти input внутри <form> если нажимаю кнопку сохранить через POST на другую страницу переходить, как решить эту задачу???

@Artem_Ivanov · 10.06.2015, 15:36

push007, попробуй как я написал

@push007 · 10.06.2015, 15:40 **[ТС]**

Artem_Ivanov, Пример можешь дать???

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

Jabbson 5907 / 3359 / 1036 Регистрация: 03.11.2009 Сообщений: 10,008
	10.06.2015, 08:46
	http://jsfiddle.net/jabbson/8jxs9q11/ 1

@push007 0 / 0 / 0 Регистрация: 20.03.2015 Сообщений: 127
	10.06.2015, 10:39 [ТС]
	arcmag, Jabbson, как сделать так, чтоб пользователь ввел минимум 6 символов ??? 0

Jabbson 5907 / 3359 / 1036 Регистрация: 03.11.2009 Сообщений: 10,008
	10.06.2015, 10:46
	http://jsfiddle.net/jabbson/8jxs9q11/1/ 0

Jabbson 5907 / 3359 / 1036 Регистрация: 03.11.2009 Сообщений: 10,008
	10.06.2015, 13:59
	Artem_Ivanov, http://jsfiddle.net/jabbson/ezrfejv3/ 1

@push007 0 / 0 / 0 Регистрация: 20.03.2015 Сообщений: 127
	10.06.2015, 14:05 [ТС]
	arcmag, если нажимаю кнопку, когда "Данные не совпадают!" то он переходить на следующую страницу . Надо не переходил на следующую страницу что делать??? 0

@Artem_Ivanov 3 / 3 / 0 Регистрация: 14.05.2015 Сообщений: 22
	10.06.2015, 14:22
	Спасибо, только проблема как и у push007 заключается в том что после ошибки форма всё равно отправляется. Как можно обойти подобную проблемму. Спасибо! 0

Jabbson 5907 / 3359 / 1036 Регистрация: 03.11.2009 Сообщений: 10,008
	10.06.2015, 14:50
	еще остановить субмит можно вернув в функции false 0

@push007 0 / 0 / 0 Регистрация: 20.03.2015 Сообщений: 127
	10.06.2015, 14:59 [ТС]
	Jabbson, Artem_Ivanov, в примере можете дать? как остановить субмит 0

@Artem_Ivanov 3 / 3 / 0 Регистрация: 14.05.2015 Сообщений: 22
	10.06.2015, 15:32
	Jabbson, не знаю првильно но но returnОМ у меня не получилось Добавлено через 2 минуты Кстати вот идея. В форму на сайте задать путь переменную, и в функции JS отработать если true то записать в переменную одно значение (куда переходить), если false то просто "#", тобишь на самого себя 0

@push007 0 / 0 / 0 Регистрация: 20.03.2015 Сообщений: 127
	10.06.2015, 15:34 [ТС]
	arcmag, эти input внутри <form> если нажимаю кнопку сохранить через POST на другую страницу переходить, как решить эту задачу??? 0

@Artem_Ivanov 3 / 3 / 0 Регистрация: 14.05.2015 Сообщений: 22
	10.06.2015, 15:36
	push007, попробуй как я написал 0

@push007 0 / 0 / 0 Регистрация: 20.03.2015 Сообщений: 127
	10.06.2015, 15:40 [ТС]
	Artem_Ivanov, Пример можешь дать??? 0