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

Я хочу предотвратить отправку формы, когда в текстовых полях нет ввода, но форма отправляется, даже если ввод пуст. Как это исправить?

 <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): Продолжить

Это потому, что вы не обернули его в вызов функции, и «событие» не определено. Это работает:

 $('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):