...Personalizza la tua HomePage...
Questa Sezione è Dedicata a Tutti i Webmaster Nofiti e Non
Controllare la corrispondenza tra due campi di un form | ||||
|
||||
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. |