Как сделать проверку формы

@Mars_FS · Регистрация: 01.05.2019

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

Здравствуйте, помогите пожалуйста разобраться, как сделать проверку поля "output" чтобы результат скрипта перед отправкой формы был больше нуля в ином случае выдавало системное сообщение с просьбой заполнить.

HTML5
1
2
3
4
5
6
7
8
9
10
  <form action="php/send.php" method="post" oninput="changeText0()">
      <div class="spisok">
                <h1> Список продукции: </h1> <br>
 
         <!--список торов с счетчиком (input type="number")-->
 
      <p>Стоимость заказа: <output id="rezultat" required>0</output> руб.</p> 
 
          <input type="submit" class="btn" value="Отправить">
           </form>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function changeText0(){
 var rezultat = 1;
 rezultat *= parseFloat(document.getElementById('a1').value)*22+parseFloat(document.getElementById('a2').value)*22+parseFloat(document.getElementById('a3').value)*25
+parseFloat(document.getElementById('a4').value)*23+parseFloat(document.getElementById('a5').value)*40+parseFloat(document.getElementById('a6').value)*38
+parseFloat(document.getElementById('a7').value)*35+parseFloat(document.getElementById('a8').value)*45+parseFloat(document.getElementById('a9').value)*45
+parseFloat(document.getElementById('a10').value)*15+parseFloat(document.getElementById('a11').value)*24+parseFloat(document.getElementById('a12').value)*22
+parseFloat(document.getElementById('a13').value)*20+parseFloat(document.getElementById('a14').value)*25+parseFloat(document.getElementById('a15').value)*25
+parseFloat(document.getElementById('a16').value)*25+parseFloat(document.getElementById('a17').value)*40+parseFloat(document.getElementById('a18').value)*30
+parseFloat(document.getElementById('a19').value)*350+parseFloat(document.getElementById('a20').value)*400+parseFloat(document.getElementById('a21').value)*400
+parseFloat(document.getElementById('a22').value)*300+parseFloat(document.getElementById('a23').value)*200+parseFloat(document.getElementById('a24').value)*300
+parseFloat(document.getElementById('a25').value)*420+parseFloat(document.getElementById('a26').value)*420+parseFloat(document.getElementById('a27').value)*400
+parseFloat(document.getElementById('a28').value)*350+parseFloat(document.getElementById('a29').value)*280+parseFloat(document.getElementById('a30').value)*260
+parseFloat(document.getElementById('a31').value)*55+parseFloat(document.getElementById('a32').value)*80
; 
 document.getElementById('rezultat').innerHTML = rezultat;
}

@Devmastery · 02.05.2019, 16:25

JavaScript
1
2
3
4
5
6
var check =parseInt(document.getElementById('rezultat').innerHTML);
if (check > 0) {
   //go script
} else {
    alert("Заполните поля");
}

@igor5544 · 02.05.2019, 17:16

Devmastery, Скрипт работает, но как сделать чтобы оно проверяло это по нажатию кнопки и не оправлялось если условие не выполнено?

@Devmastery · 02.05.2019, 17:45

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
window.onload = function(){
    
    let btnSubmit = document.querySelector("input[type='submit']");
    let form = document.querySelector("form");
 
    btnSubmit.addEventListener("click", function(event) {
        event.preventDefault();
        var check = parseInt(document.getElementById('rezultat').innerHTML);
        if (check > 0) {
           form.submit();
        } else {
            alert("Заполните поля");
        }
    });     
 
};

@igor5544 · 02.05.2019, 18:15

Devmastery, Большое спасибо! Не подскажите, теперь чтобы все проверки формы прописанные в html работали их также нужно в js прописать?

@Devmastery · 02.05.2019, 18:31

Да, но есть стандартные html5 элементы, на подобии <input type="email">. Там проверка на емейл идет из коробки. Но работает не во всех браузерах.

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@igor5544 0 / 0 / 0 Регистрация: 02.05.2019 Сообщений: 19
	02.05.2019, 17:16
	Devmastery, Скрипт работает, но как сделать чтобы оно проверяло это по нажатию кнопки и не оправлялось если условие не выполнено? 0

@igor5544 0 / 0 / 0 Регистрация: 02.05.2019 Сообщений: 19
	02.05.2019, 18:15
	Devmastery, Большое спасибо! Не подскажите, теперь чтобы все проверки формы прописанные в html работали их также нужно в js прописать? 0

@Devmastery 242 / 107 / 43 Регистрация: 02.05.2019 Сообщений: 170
	02.05.2019, 18:31
	Да, но есть стандартные html5 элементы, на подобии <input type="email">. Там проверка на емейл идет из коробки. Но работает не во всех браузерах. 0