На своей форме для отправки запроса в стороннее 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?