Как в Contact Form 7 отменить отправку формы?

Question

[VitaliiMayk]

Есть поле с name="text-123", не обязательное но в нем есть текст. Нужно сделать проверку пустое ли поле и если да отменить отправку.

Answer 1

[Владислав]

Можно дописать required:
<input type="text" name="text-123" required>

htmlbook.ru/html/input/required

Comments

[VitaliiMayk]

нужно чтоб оно было не обязательное

[Fortop]

VitaliiMayk, а подумать над бредом что пишете?

Если поле не обязательно - значит может быть пустым.
Но вы хотите, чтобы когда оно было пустое, то не уходило => чтобы поле было обязательным...

Где подобной женской логике обучались?

[Юрий Крот]

VitaliiMayk,
Ну так забей в значение по умолчанию пробел.

<input type="text" name="text-123" value=" " required>

Только зачем?
Пиши это в вопросах

Answer 2

[ser_jika]

Вариант с событием "click" может не сработать в некоторых случаях, поскольку отправка форм идет по событию "submit", а контексте WPCF7 нужно использовать событие "wpcf7submit":

document.addEventListener( 'wpcf7submit', function( event ) {
	// здесь проверяем условие и определяем дальнейшие действия
}, false );

Answer 3

[Islam Ibakaev]

примерно так

$('.submit-button').click(function(event) {
  // если пусто, отменяем отправку
  if( !$('[name="text-123"]').val().trim() ) return event.preventDefault();
  // в противном случае...
});