Форма отправляется, когда введенное значение равно нулю

  • Автор темы Andre1999111
  • Обновлено
  • 12, May 2024
  • #1
Я хочу предотвратить отправку формы, когда в текстовых полях нет ввода, но форма отправляется, даже если ввод пуст. Как это исправить?

 <input type="text" size="30" id="zip" name="zip"><br />
<input type="text" size="30" id="phone" name="phone">

var input = $("#zip").val();
var input1 = $("#phone").val();

if ( $.trim(input).length == 0 || $.trim(input1).length == 0 ){
 event.preventDefault();
 }


Код (JavaScript): Продолжить

Andre1999111


Рег
14 Jul, 2014

Тем
70

Постов
212

Баллов
612
  • 08, Jun 2024
  • #2
Это потому, что вы не обернули его в вызов функции, и «событие» не определено. Это работает:
 $('button[type=submit]').click(function(event) {
var input = $("#zip").val();
var input1 = $("#phone").val();
console.log(input.length);
if ( $.trim(input).length == 0 || $.trim(input1).length == 0 ){
event.preventDefault();
}
})
Код (JavaScript):
 

Sergcoder


Рег
30 Jun, 2015

Тем
70

Постов
196

Баллов
576
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно