test

gistfile1.txt

form.addEventListener('submit', function(event) {
  event.preventDefault();

  let hasErrors = false;

  // Loop through each form element
  [...form.elements].forEach(input => {
    if (!input.checkValidity()) {
      console.log(`Error in field: ${input.name}`);
      hasErrors = true;
      
      // Optionally, show custom error messages
      input.setCustomValidity('This field is invalid!');
    } else {
      input.setCustomValidity('');  // Clear any custom error messages
    }
  });

  if (hasErrors) {
    form.reportValidity();  // Show validation errors in the UI
    console.log('Form has errors.');
  } else {
    console.log('Form is valid. Proceeding with submission.');
    // form.submit(); // You can proceed with form submission here
  }
});