dikey58
@dikey58
Самоучка - web-разработчик

Как прервать валидацию Contact Form 7, чтобы провести её средствами bootstrap?

На своей форме для отправки запроса в стороннее api я реализовал валидацию через Bootstrap.
var forms = document.getElementsByClassName('needs-validation');
	    var forms = Array.prototype.filter.call( forms, function(form) {
	    	console.log( forms );
	    	form.addEventListener('submit', function(event) {	    		
				var error = 0;
				var this_form = $(this);
				var this_form_message = this_form.find('.wpcf7-response-output');
				this_form_message.empty();
	    		if (form.checkValidity() === false) {
	    			event.preventDefault();
	    			event.stopPropagation();
	    			error = 1;
	    		}
	    		form.classList.add('was-validated');
	    		if ( error != 1 && !$(this).data( 'fl_form_sended' ) ) {
	    			event.preventDefault();
	    			error == 0 && this_form_message.empty().removeClass('show');
	    			//формируем данные на отправку
					var form_data = this_form.serialize();
					//обрабатываем форму
					$.ajax({

После успешной валидации запрос отправляется через API и получает ответ. Этот ответ подставляется во вторую форму, в которой посетителю остается заполнить имя, номер и почту и нажать отправить. Но вторая форма сделана через contact form 7 (и так хотелось бы и оставить) и валидация проходит через Contact form 7. Как приостановить выполнение валидации и отправку Contact Form 7, до тех пор пока не пройдет валидация Bootstrap?
5ef32774d06ba335263542.png
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы