Почему форма отправляется только со второго раза?

Question

[delosait]

Подскажите, пожалуйста, почему форма отправляется только со второго раза? Использую justvalidate и Google Recaptcha3

var selector = document.querySelectorAll('input[type="tel"]');
var im = new Inputmask('[phone]');
im.mask(selector);
var selector2 = document.querySelector('input[type="tel"]');
selector2.addEventListener('input', function () {
    console.log(selector2.value);
    var re = /^\d*(\.\d+)?$/;
    console.log(selector2.value.match(/[0-9]/g).length);
    console.log(selector2.value.replace(/[0-9]/g, "0"));
});



var validateForms = function validateForms(selector, rules, successModal, yaGoal) {
    new window.JustValidate(selector, {
        rules: rules,
        submitHandler: function submitHandler(form) {
            var formData = new FormData(form);
            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        console.log('Отправлено');
                        $('.fade').delay(1700).fadeOut(300);
                        $('#success').fadeIn(500).delay(1700).fadeOut(600);

                    }
                }
            };


            //начало капчи

            document.querySelector('.form6').addEventListener('submit', (e) => {
                e.preventDefault();
                let tk = '';
                grecaptcha.ready(function () {
                    grecaptcha.execute('6LeQSlMgAAAAAJO-jCrUq6yclSpXTGlm7ZztGkPC', {
                        action: 'homepage'
                    }).then(function (token) {
                        tk = token;
                        document.getElementById('token').value = token;


                        const data = new URLSearchParams();
                        for (const pair of new FormData(document.querySelector('.form6'))) {
                            data.append(pair[0], pair[1]);
                        }
                        fetch('mail/send.php', {
                                method: 'post',
                                body: data,
                            })
                            .then(response => response.json())
                            .then(result => {
                                if (result['om_score'] >= 0.5) {
                                    console.log('Человек')
                                    //Отправляем форму

                                    xhr.open('POST', 'mail/mail.php', true);
                                    xhr.send(formData);
                                    form.reset();


                                } else {
                                    console.log('Бот')
                                }
                            });
                    });
                });
            });

            //

        }
    });
};

validateForms('.form6', {
    email: {
        required: true,
        email: true
    },
    tel: {
        required: true
    }
});

Comments

[Kentavr16]

Оберни код, не читаемо

[キム ファイブプラス]

Kentavr16, все равно не читаемо)

[Kentavr16]

キム ファイブプラス, )

Answer 1

[キム ファイブプラス]

Так у тебя внутри fetch еще и xhr.send.

Comments

[delosait]

а как же быть? Fetch -отправляеет форму на провреку человек/бот xhr.send - отправляет форму если проверка на человека прошла успешно.

[ProjectSoft]

delosait, это всё можно сделать одним запросом.
Почему событие submit не возвращает false?

document.querySelector('.form6').addEventListener('submit', (e) => {
	e.preventDefault();
	/* Ваш код далее */
	//-----------
	/* Конец вашего кода */
	return !1;
});

Отправляется со второго раза потому-что reCaptha у вас инициализируется не правильно.
Инициализация у вас происходит при первом сабмите.

[delosait]

ProjectSoft, Спасибо большое, только все равно не получается разобраться. Она же вроде и должна при певом сабмите инициализироваться. То есть сначала инициализируется (проверяет бот или не бот) а потом, в зависимости от результата отправляет форму.

А как все одним запросом сделать вообще ума не приложу ((

[ProjectSoft]

delosait,

А как все одним запросом сделать вообще ума не приложу

В send.php вы определяете бот или человек, а в mail.php вы уже просто отправляете письмо. А что мешает боту, человеку сразу отправить данные минуя send.php? Вот именно, что ничего. Поэтому вам нужно объединить два файла mail/send.php и mail/mail.php. Вернее логику описанную в этих файлах объединить.
Сначала вы проверяете бот или человек, если человек - обрабатываете пришедшие данные.
А reCapcha я вообще никогда не использовал, да и не буду. Я использую свои хитрости... Не подводило... )))