Categorie
Javascript

Lezione 3: Controlli Javascript su una pagina di registrazione

 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”);

 

}

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *