JavaScript
Public
Simple Form Validation
Validate a small form before submitting it.
#javascript
#form
#validation
#frontend
JavaScript
const form = document.querySelector('#contactForm');
const emailInput = document.querySelector('#email');
const messageBox = document.querySelector('#formMessage');
form.addEventListener('submit', (event) => {
messageBox.textContent = '';
if (!emailInput.value.includes('@')) {
event.preventDefault();
messageBox.textContent = 'Please enter a valid email address.';
}
});Notes
Frontend validation improves UX, but backend validation is still required.
