40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const contactForm = document.getElementById('contact-form');
|
|
const successMessage = document.getElementById('success-message');
|
|
|
|
if (contactForm) {
|
|
contactForm.addEventListener('submit', function (e) {
|
|
e.preventDefault();
|
|
|
|
const name = document.getElementById('name').value;
|
|
const email = document.getElementById('email').value;
|
|
const message = document.getElementById('message').value;
|
|
|
|
if (name.trim() === '' || email.trim() === '' || message.trim() === '') {
|
|
alert('Please fill in all fields.');
|
|
return;
|
|
}
|
|
|
|
const formData = new FormData(contactForm);
|
|
|
|
fetch('contact.php', {
|
|
method: 'POST',
|
|
body: formData
|
|
})
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
if (data === 'success') {
|
|
contactForm.style.display = 'none';
|
|
successMessage.style.display = 'block';
|
|
} else {
|
|
alert('An error occurred. Please try again.');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
alert('An error occurred. Please try again.');
|
|
});
|
|
});
|
|
}
|
|
});
|