Oggi realizziamo una semplice pagina HTML per la registrazione ad una area riservata del sito e la relativa pagina javascript per eseguire i controlli sui campi inseriti:
<HTML>
<HEAD>
<TITLE>Pagina DI REGISTRAZIONE</TITLE>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<script src=”registrazione.js” type=”text/javascript”>
</script>
</HEAD>
<BODY>
<form name=”frm1″>
<div id=”main”>
NOME: <input type=”text” name=”txtnome” id=”txtnome”
value=””>
<br>
COGNOME: <input type=”text” name=”txtcognome” id=”txtcognome”
value=””>
<br>
EMAIL: <input type=”text” name=”txtemail” id=”txtemail”
value=””>
<br>
USERNAME: <input type=”text” name=”txtusername” id=”txtusername”
value=””>
<br>
PASSWORD: <input type=”password” name=”txtpassword” id=”txtpassword”
value=””>
<br>
conferma password: <input type=”password” name=”txtpassword2″ id=”txtpassword2″
value=””>
<br>
<input type=”button” value=”ok” onclick=”verifica()”>
<input type=”reset” value=”annulla” >
</form>
</BODY>
</HTML>
function verifica()
{
if (document.getElementById(“txtnome”).value==””)
{
alert(“Inserire il nome “);
document.getElementById(“txtnome”).focus();
return(false);
}
if (document.getElementById(“txtcognome”).value==””)
{
alert(“Inserire il cognome”);
document.getElementById(“txtcognome”).focus();
return(false);
}
if (document.getElementById(“txtemail”).value==””)
{
alert(“Inserire una email”);
document.getElementById(“txtemail”).focus();
return(false);
}
if (document.getElementById(“txtusername”).value==””)
{
alert(“Inserire uno username valido”);
document.getElementById(“txtusername”).focus();
return(false);
}
if (document.getElementById(“txtpassword”).value==””)
{
alert(“Inserire una password valida”);
document.getElementById(“txtpassword”).focus();
return(false);
}
if (document.getElementById(“txtpassword”).value.length<6)
{
alert(“La password deve avere almeno 6 caratteri”);
document.getElementById(“txtpassword”).focus();
return(false);
}
if (document.getElementById(“txtpassword2″).value==””)
{
alert(“Confermare la password”);
document.getElementById(“txtpassword2”).focus();
return(false);
}
if ((document.getElementById(“txtpassword”).value)!=
(document.getElementById(“txtpassword2”).value)
)
{
alert(“Le password non coincidono”);
document.getElementById(“txtpassword”).focus();
return(false);
}
alert(“OK”);
}