Html Validation by Javascript: differenze tra le versioni

Da Webmobili Wiki.
Creata pagina con "Quando un form come questo:<br/> <syntaxhighlight lang="html"> <form id="form" method="post"> <input type="text" name="username" /> <input type="password" name="password"..."
 
Nessun oggetto della modifica
Riga 6: Riga 6:
</form>
</form>
</syntaxhighlight>
</syntaxhighlight>
viene submittato tramite il comando ''form.submit()'' la validazione html non interviene.
viene submittato via javascript tramite il comando ''form.submit()'' la validazione html non interviene.<br/><br/>
 
Per forzarla è necessario includere questo codice:
<syntaxhighlight lang="javascript">
  var form = document.getElementById("form");
  if (!form.checkValidity || form.checkValidity()) {
    form.submit();
  }
  else {
    form.reportValidity();
  }
</syntaxhighlight>

Versione delle 10:23, 19 lug 2017

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();
  }