Js не отправляет почтовый запрос ⇐ Html

[Anonymous]

У меня на сайте есть форма, которая предположительно работала до изменения дизайна. К форме прикреплена капча, но почему-то после нажатия кнопки не работает JS скрипт, который отправляет данные формы на сервер, не могу понять почему не работает.
Я новичок. к этому делу и мне не у кого спросить друзей об этой проблеме, буду очень благодарен за помощь!
HTML:

Код: Выделить всё

Імʼя






Телефон






Відправити
заявку

JS:

Код: Выделить всё

 $("#btnRequest").on("click", function (e) {
console.log("12");
e.preventDefault(); //Здесь внимательно!!!!!!!!!!!! Форма не пашет по дефолту!!!
let form = $(this); // запишем форму, чтобы потом не было проблем с this
let error = false;

if (validText($("#fio")) && validPhone($("#phone"))) {
console.log("Here must be ajax request");
var fio = $("#fio").val(),
phone = $("#phone").val();
if (!error) {
form.find("input, textarea").each(function () {
// пробежим по каждому полю в форме
if ($(this).val() == "") {
// если находим пустое
alert('Заполните поле "' + $(this).attr("placeholder") + '"!'); // говорим заполняй!
error = true; // ошибка
}
});
var data = form.serialize();
//console.log(street+'  '+building+'  '+room+'  '+fio+'  '+phone+'  '+tarif);
$.ajax({
// инициализируем ajax запрос
type: "POST", // отправляем в POST формате, можно GET
url: "send.php", // путь до обработчика, у нас он лежит в той же папке
dataType: "json", // ответ ждем в json формате
data: {
usr_fio: fio,
usr_phone: phone,
}, // данные для отправки
beforeSend: function (data) {
// событие до отправки
form.find("#btnRequest").attr("disabled", "disabled"); // например, отключим кнопку, чтобы не жали по 100 раз
},
success: function (data) {
// событие после удачного обращения к серверу и получения ответа
if (data["error"]) {
// если обработчик вернул ошибку
alert(data["error"]); // покажем её текст
} else {
// если все прошло ок
alert("Лист відправлено! З Вами зв'яжуться!"); // пишем что все ок
}
},
error: function (xhr, ajaxOptions, thrownError) {
// в случае неудачного завершения запроса к серверу
alert(xhr.status); // покажем ответ сервера
alert(thrownError); // и текст ошибки
},
complete: function (data) {
// событие после любого исхода
form.find("#btnRequest").prop("disabled", false); // в любом случае включим кнопку обратно
},
});
} else {
console.log("Something went wrong..");
}
}
});

Пытался изменить названия заполнителей, id кнопки, но скрипт просто не идет.
ОБНОВЛЕНИЕ:
Пока обновил последние опции, с которыми всё должно работать, но не вызывается js-код, добавил полную форму и удалил капчу

Подробнее здесь: https://stackoverflow.com/questions/765 ... post-query