47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const patientForm = document.getElementById('patient-form');
|
|
const successMessage = document.getElementById('success-message');
|
|
|
|
patientForm.addEventListener('submit', function (event) {
|
|
event.preventDefault();
|
|
|
|
if (validateForm()) {
|
|
const formData = new FormData(patientForm);
|
|
|
|
fetch('add_patient.php', {
|
|
method: 'POST',
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
successMessage.classList.remove('d-none');
|
|
patientForm.reset();
|
|
} else {
|
|
alert('Error: ' + data.message);
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
alert('An error occurred while submitting the form.');
|
|
});
|
|
}
|
|
});
|
|
|
|
function validateForm() {
|
|
let isValid = true;
|
|
const inputs = patientForm.querySelectorAll('input[required], textarea[required]');
|
|
|
|
inputs.forEach(input => {
|
|
if (!input.value.trim()) {
|
|
isValid = false;
|
|
input.classList.add('is-invalid');
|
|
} else {
|
|
input.classList.remove('is-invalid');
|
|
}
|
|
});
|
|
|
|
return isValid;
|
|
}
|
|
});
|