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 |
||
| (3 versioni intermedie di uno stesso utente non sono mostrate) | |||
| 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> | |||
<br/> | |||
È possibile chiamare ''checkValidity()'' su un singolo elemento, non solo sull'intero form. | |||
Versione attuale delle 13:26, 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();
}
È possibile chiamare checkValidity() su un singolo elemento, non solo sull'intero form.
