ciao, ho fatto questo form e inserito questi controlli con gli alert, ma ho appena saputo che non devo usare gli alert ma dei messaggi a fianco al nome (come si vede un pò in tutti i siti) che dicano che per esempio il campo è obbligatorio. sapete aiutarmi? grazie in anticipo!
HTML:
<script language="JavaScript">
function controllo(modulo) {
var expmail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;
var expnome = /^[a-zA-Z ]+$/;
if((modulo.nome.value=="")||(modulo.nome.value.length<3)||(modulo.nome.value.length>15)||(!expnome.test(modulo.nome.value))){
alert("Il nome è obb, min 3 e max 15 caratteri");
modulo.nome.focus();
return false;
}
if(modulo.email.value=="") {
alert("Attenzione! Inserisci l'e-mail.");
modulo.email.focus();
return false;
}
if(!expmail.test(modulo.email.value)){
alert("La mail inserita non e' valida!");
modulo.email.focus();
return false;
}
if((modulo.eta.value!="")&& (modulo.eta.value<18 || modulo.eta.value>99)){
alert("Eta' non valida, dev'essere compresa tra 18 e 99! ");
modulo.eta.focus();
return false;
}
if(modulo.user.value=="") {
alert("Attenzione! Inserisci l'username.");
modulo.user.focus();
return false;
}
if((modulo.pass.value=="")||(modulo.pass.value.length<6)) {
alert("Attenzione! La password e' un campo obbligatorio e deve contenere almeno 6 caratteri.");
modulo.pass.focus();
return false;
}
if(modulo.pass2.value=="") {
alert("Attenzione! Conferma la password.");
modulo.pass2.focus();
return false;
}
if((modulo.pass.value) != (modulo.pass2.value)) {
alert("Le password non coincidono!");
modulo.pass.focus();
modulo.pass.select();
return false;
}
return true;
}
</script>
</head>
<body>
<h1>Registrazione nuovo utente</h1>
<form name = "modulo" onSubmit="return controllo(this)" method = "post" action = "">
<ul>
<li><p><label>Nome *:
<input name = "nome" type = "text" size = "20" maxlenght = "20" />
</label></p></li>
<li><p><label>E-mail *:
<input name = "email" type = "text" size = "30" maxlenght = "30" />
</label></p></li>
<li><p><label>Eta':
<input name = "eta" type = "text" size = "1" maxlenght = "1" />
</label></p></li>
<li><p><label>Username *:
<input name = "user" type = "text" size = "20" maxlenght = "20" />
</label></p></li>
<li><p><label>Password *:
<input name = "pass" type = "password" size = "5" maxlenght = "20" />
</label></p></li>
<li><p><label>Conferma password *:
<input name = "pass2" type = "password" size = "5" maxlenght = "20" />
</label></p></li>
</ul>
</br><p>
<input type = "submit" value = "Conferma dati inseriti" />
<input type = "reset" value = "Resetta tutti i campi" />
</p>
Ultima modifica di un moderatore:
