Programmazione Web » Javascript » Controllare la corrispondenza tra due campi di un form
Controllare la corrispondenza tra due campi di un form
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 1107 volte
In questo tutorial vedremo come realizzare un ciclo if-else in Javascript che controlli la corrispondenza tra due campi di un form.
Supponiamo di voler registrare i visitatori al nostro sito, e che il processo di registrazione preveda l'inserimento di username e password. Supponiamo quindi di aver messo due campi per la password, uno per la scelta e uno per la conferma.
Ecco quindi il codice del nostro form:
<form method="post" action="" name="modulo" onsubmit="return controllapassword(this)">
Username scelto:<input type="text" name="username" size="30"/><br />
Digita qui la password:<input type="password" name="password" size="30"/><br />
Conferma la password:<input type="password" name="password_di_convalida" size="30" /><br />
<input type="submit" value="Invia" />
</form>
Da notare quindi la riga
onsubmit="return controllapassword(this)"
che richiama la funzione "controllapassword".
Quindi inseriamo il codice Javascript tra i tags head della nostra pagina:
<script language="Javascript" type="text/javascript">
<!--
function controllapassword(modulo) {
if (modulo.password.value == "") {
alert("Errore: inserire una password!")
modulo.password.focus()
return false
}
if (modulo.password.value != modulo.password_di_conferma.value) {
alert("La passord inserita non coincide con la prima!")
modulo.password.focus()
modulo.password.select()
return false
}
return true
}
-->
</script>
Lascio a voi il compito di personalizzare i messaggi di alert e la grafica del form.
Aggiungi questo tutorial ai preferiti
