37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const addItemForm = document.getElementById('add-item-form');
|
|
|
|
if (addItemForm) {
|
|
addItemForm.addEventListener('submit', function(e) {
|
|
const requiredInputs = addItemForm.querySelectorAll('[required]');
|
|
let firstError = null;
|
|
|
|
requiredInputs.forEach(input => {
|
|
if (!input.value.trim()) {
|
|
input.style.borderColor = '#E74C3C';
|
|
if (!firstError) {
|
|
firstError = input;
|
|
}
|
|
} else {
|
|
input.style.borderColor = '#ccc';
|
|
}
|
|
});
|
|
|
|
if (firstError) {
|
|
e.preventDefault();
|
|
alert('Please fill out all required fields.');
|
|
firstError.focus();
|
|
}
|
|
});
|
|
}
|
|
|
|
// Auto-hide toast messages
|
|
const toastMessages = document.querySelectorAll('.toast');
|
|
toastMessages.forEach(toast => {
|
|
setTimeout(() => {
|
|
toast.style.display = 'none';
|
|
}, 5000); // Hide after 5 seconds
|
|
});
|
|
|
|
});
|