Dynamic Form Validation

Submit

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

// Get form input values
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;

// Reset error messages
document.getElementById('emailError').textContent = '';
document.getElementById('passwordError').textContent = '';

// Validate email
if (!isValidEmail(email)) {
document.getElementById('emailError').textContent = 'Invalid email format';
}

// Validate password
if (!isValidPassword(password)) {
document.getElementById('passwordError').textContent = 'Password must be at least 8 characters';
}

// If all validations pass, submit the form
if (isValidEmail(email) && isValidPassword(password)) {
alert('Form submitted successfully!');
// You can also submit the form programmatically here:
// document.getElementById('myForm').submit();
}
});

// Function to validate email format
function isValidEmail(email) {
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}

// Function to validate password length
function isValidPassword(password) {
return password.length >= 8;
}
// ]]>