Как запретить отправку формы, если хотя бы одно поле не заполнено?

Question

[fsfdg]

ВОТ КОД https://jsfiddle.net/tgdr3nc2/1/

required мне не нужен

Answer 1

[Raccoon]

Вешаешь обработчик на событие sumbit.
Добавляешь evt.preventDefault(), чтобы остановить отправку формы.
Делаешь валидацию и оповещение пользователя (как пример alert).
Отправляешь формы через js (this.submit()).

const form = document.querySelector('#form');
const email = document.querySelector('#email');
const name = document.querySelector('#name');
form.addEventListener('submit', function(evt) {
  evt.preventDefault();
  if(!name.value) {
    alert('Поле имя не заполнено');
    return;
  }
  
  if(!email.value) {
    alert('Поле email не заполнено');
    return;
  }
  
  this.submit();
});

Answer 2

[Alex]

Например вот так

Comments

[fsfdg]

так он не чего не делает этот код

[Andrew]

fsfdg, он пытается, в отличии от вас.

[Alex]

Andrew, Не нужно быть таким строгим. Знаете как говорят, про этапы разработки? "Сделать чтобы работало", "Сделать чтобы работало правильно", "Сделать чтобы работало быстро". Сейчас автор пытается пройти по первому этапу. Когда-нибудь с опытом он доберется и до третьего.

[Andrew]

Alex, скорее, "ща раскину таски ребятам на тостере, посмотрим, что выдадут" и "ходит" по ответам с указкой. Отношение исключительно "привет-ответ". Нет проблем с людьми, которые приходят за помощью и понимают что это добровольная помощь, а не задание, которое обязаны сделать за них.

Answer 3

[Karpion]

Давно читал, плохо помню.

На кнопку Submit повесить обработчик нажатия. Причём не любого, а именно оправки формы. Обработчик проверяет заполненность полей. Если что-то не так - то он кодом завершения (true или false) запрещает отправку формы. Ну и до завершения - сообщает, что ему не нравится.