Html Validation by Javascript

Quando un form come questo:

<form id="form" method="post">
  <input type="text" name="username" />
  <input type="password" name="password" />
</form>

viene submittato via javascript tramite il comando form.submit() la validazione html non interviene.

Per forzarla è necessario includere questo codice:

var form = document.getElementById("form");
if (!form.checkValidity || form.checkValidity()) {
  form.submit();
}
else {
  form.reportValidity();
}

È possibile chiamare checkValidity() su un singolo elemento, non solo sull'intero form.