How can I validate an HTML form using JavaScript?

How can I validate an HTML form using JavaScript?

You can validate an HTML form using JavaScript by adding event listeners to the form elements and checking their values before submission.

Can you show me a simple example of form validation?

Sure! Here's a basic example:

<form id="myForm">
  <input type="text" id="name" required />
  <input type="email" id="email" required />
  <input type="submit" value="Submit" />
</form>
<script>
  document.getElementById('myForm').onsubmit = function() {
    const name = document.getElementById('name').value;
    const email = document.getElementById('email').value;
    if (!name || !email) {
      alert('Please fill in all fields.');
      return false;
    }
    return true;
  };
</script>

What if I want to add custom error messages?

You can customize error messages by checking each field individually and displaying specific messages for each validation failure.

Thanks! Can you recommend any libraries for form validation?