Проблема с контактной формой HTML & JS для отправки на PHP после необходимых полей ⇐ Javascript

[Anonymous]

У меня есть проблема с моей контактной формой. Мне потребовались поля, которые работают, когда я нажимаю на отправку, но как только все будет введено, форма не отправляется в файл .php. Может быть, это всего лишь небольшая проблема, поэтому я добавляю весь код. Извините за длину кодов.
Где я ошибаюсь? Я работал над этим часами Надеюсь, кто-нибудь может мне помочь ..... спасибо < /p>


































Akzeptiere Privacy
https://www.omnigrafitalia.it/gdpr/inde ... gtrans(it)





Bitte alle Felder ausfüllen.















< /code>
и < /p>

const form = document.getElementById('userForm');
const firstNameInput = document.getElementById('name_surname');
const emailInput = document.getElementById('mail');
const firstNameError = document.getElementById('firstNameError');
const emailError = document.getElementById('emailError');
const submitBtn = document.getElementById("invia");

form.addEventListener('submit', function(event) {
// Prevent the form from submitting normally
event.preventDefault();

if (validateForm()) {
return;
// You can now submit the form programmatically or clear it
}

// do animation
submitBtn.classList.add("is-active");
setTimeout(function() {
submitBtn.classList.remove("is-active");

actual_submit();
}, 2500);

})

function actual_submit() {
$.ajax({
type: 'post',
url: '../../php/kontakt.php',
data: $('form').serialize(),
success: function() {
alert('form was submitted');
}
});
}

function validateForm() {
let isValid = true;

// Validate First Name
if (firstNameInput.value.trim() === '') {
firstNameError.textContent = 'First name is required.';
firstNameInput.classList.add('invalid'); // Add a class for styling
isValid = false;
} else {
firstNameError.textContent = '';
firstNameInput.classList.remove('invalid');
}

// Validate Email
const emailValue = emailInput.value.trim();
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // Basic email regex

if (emailValue === '') {
emailError.textContent = 'Email is required.';
emailInput.classList.add('invalid');
isValid = false;
} else if (!emailRegex.test(emailValue)) {
emailError.textContent = 'Please enter a valid email address.';
emailInput.classList.add('invalid');
isValid = false;
} else {
emailError.textContent = '';
emailInput.classList.remove('invalid');
}

return isValid;
}


< /code>
Куда я ошибаюсь? Я работаю над этим часами:-(

Подробнее здесь: https://stackoverflow.com/questions/797 ... red-fields