Originariamente inviato da enrico16101990
salve. ho questo campo modulo, però ora vorrei inserire un obbligatorio, con un alert se non viene selezionato.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Registrazione al servizio Tutti</title>
<script language="javascript">
<!--
function Modulo() {
// Variabili associate ai campi del modulo
var nome = document.modulo.nome.value;
var cognome = document.modulo.cognome.value;
var nickname = document.modulo.nickname.value;
var password = document.modulo.password.value;
var conferma = document.modulo.conferma.value;
var nascita = document.modulo.nascita.value;
var citta = document.modulo.citta.options[document.modulo.citta.selectedIndex].value;
var indirizzo = document.modulo.indirizzo.value;
var telefono = document.modulo.telefono.value;
var email = document.modulo.email.value;
var homepage = document.modulo.homepage.value;
var firma = document.modulo.firma.value;
var privacy = document.modulo.privacy;
// Espressione regolare dell'email
var email_reg_exp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;
//Effettua il controllo sul campo NOME
if ((nome == "") || (nome == "undefined")) {
alert("Il campo Nome è obbligatorio.");
document.modulo.nome.focus();
return false;
}
//Effettua il controllo sul campo COGNOME
else if ((cognome == "") || (cognome == "undefined")) {
alert("Il campo Cognome è obbligatorio.");
document.modulo.cognome.focus();
return false;
}
//Effettua il controllo sul campo NICKNAME
else if ((nickname == "") || (nickname == "undefined")) {
alert("Il campo Nickname è obbligatorio.");
document.modulo.nickname.focus();
return false;
}
//Effettua il controllo sul campo PASSWORD
else if ((password == "") || (password == "undefined")) {
alert("Il campo Password è obbligatorio.");
document.modulo.password.focus();
return false;
}
//Effettua il controllo sul campo CONFERMA PASSWORD
else if ((conferma == "") || (conferma == "undefined")) {
alert("Il campo Conferma password è obbligatorio.");
document.modulo.conferma.focus();
return false;
}
//Verifica l'uguaglianza tra i campi PASSWORD e CONFERMA PASSWORD
else if (password != conferma) {
alert("La password confermata è diversa da quella scelta, controllare.");
document.modulo.conferma.value = "";
document.modulo.conferma.focus();
return false;
}
//Effettua il controllo sul campo DATA DI NASCITA
else if (document.modulo.nascita.value.substring(2,3) != "/" ||
document.modulo.nascita.value.substring(5,6) != "/" ||
isNaN(document.modulo.nascita.value.substring(0,2) ) ||
isNaN(document.modulo.nascita.value.substring(3,5) ) ||
isNaN(document.modulo.nascita.value.substring(6,10 ))) {
alert("Inserire nascita in formato gg/mm/aaaa");
document.modulo.nascita.value = "";
document.modulo.nascita.focus();
return false;
}
else if (document.modulo.nascita.value.substring(0,2) > 31) {
alert("Impossibile utilizzare un valore superiore a 31 per i giorni");
document.modulo.nascita.select();
return false;
}
else if (document.modulo.nascita.value.substring(3,5) > 12) {
alert("Impossibile utilizzare un valore superiore a 12 per i mesi");
document.modulo.nascita.value = "";
document.modulo.nascita.focus();
return false;
}
else if (document.modulo.nascita.value.substring(6,10) < 1900) {
alert("Impossibile utilizzare un valore inferiore a 1900 per l'anno");
document.modulo.nascita.value = "";
document.modulo.nascita.focus();
return false;
}
//Effettua il controllo sul campo CITTA'
else if ((citta == "") || (citta == "undefined")) {
alert("Il campo Città è obbligatorio.");
document.modulo.citta.focus();
return false;
}
//Effettua il controllo sul campo INDIRIZZO
else if ((indirizzo == "") || (indirizzo == "undefined")) {
alert("Il campo Indirizzo è obbligatorio.");
document.modulo.indirizzo.focus();
return false;
}
//Effettua il controllo sul campo TELEFONO
else if ((isNaN(telefono)) || (telefono == "") || (telefono == "undefined")) {
alert("Il campo Telefono è numerico ed obbligatorio.");
document.modulo.telefono.value = "";
document.modulo.telefono.focus();
return false;
}
else if (!email_reg_exp.test(email) || (email == "") || (email == "undefined")) {
alert("Inserire un indirizzo email corretto.");
document.modulo.email.select();
return false;
}
//Effettua il controllo sul campo HOMEPAGE
else if ((homepage == "") || (homepage == "undefined") || (homepage.indexOf("http://") == (-1))) {
alert("Il campo Homepage non può essere privo di
http://");
document.modulo.homepage.value = "http://";
document.modulo.homepage.select();
return false;
}
//Effettua il controllo sul campo FIRMA
else if ((firma == "") || (firma == "undefined") || (firma.indexOf("Inserisci qui il tuo slogan!") != (-1))) {
alert("Il campo Firma è obbligatorio e non si può inserire la scritta predefinita.");
document.modulo.firma.focus();
return false;
}
else if (!privacy.chekched) {
alert ('Tuo messaggio di alert');
return false;
}
//INVIA IL MODULO
else {
document.modulo.action = "inserisci.asp";
document.modulo.submit();
}
}
//-->
</script>
</head>
<body>
<div align="center">
<table border="0" cellspacing="0" cellpadding="3" width="456">
<form method="post" name="modulo">
<tr>
<td colspan="3" align="center"><font face="Tahoma" size="2">
ESEMPIO
VALIDAZIONE CAMPI</font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Nome</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="nome"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Cognome</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="cognome"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Nickname</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="nickname"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Password</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="password" name="password"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Conferma Password</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="password" name="conferma"></font></td>
</tr>
<tr>
<td width="235" align="right">
<font face="Tahoma" size="2">Data di nascita
</font><font face="Tahoma" size="1">(es: 12/04/1978)</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="nascita"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Sesso</font></td>
<td width="13"> </td>
<td align="left" width="190">
<font face="Tahoma">
<input type="radio" name="sesso" value="M" checked><font size="2">M
</font>
<input type="radio" name="sesso" value="F"><font size="2">F
</font></font>
</td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Città</font></td>
<td width="13"> </td>
<td align="left" width="190">
<font face="Tahoma">
<select name="citta">
<option>- Seleziona la tua città -</option>
<option value="Roma">Roma</option>
<option value="Milano">Milano</option>
<option value="Napoli">Napoli</option>
<option value="Firenze">Firenze</option>
<option value="Bologna">Bologna</option>
</select><font size="2"> </font></font>
</td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Indirizzo</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="indirizzo"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Telefono
</font>
<font face="Tahoma" size="1">(senza spazi nè simboli)</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="telefono"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Email</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="email"></font></td>
</tr>
<tr>
<td width="235" align="right"><font face="Tahoma" size="2">
Sito Internet</font></td>
<td width="13"> </td>
<td align="left" width="190"><font face="Tahoma"><input type="text" name="homepage" value="http://"></font></td>
</tr>
<tr>
<td colspan="3"><font face="Tahoma" size="2">
Firma</font></td>
</tr>
<tr>
<td colspan="3" align="center">
<font face="Tahoma">
<textarea name="firma" rows="5" cols="32">Inserisci qui il tuo slogan!</textarea><font size="2">
</font></font>
</td>
</tr>
<tr>
<td colspan="3" align="right">
<p align="center"><font face="Tahoma">
<input type="checkbox" name="privacy" /> Acconsento al trattamento dei dati....
<input type="button" value="Invia" onClick="Modulo()"><font size="2">
</font></font>
</td>
</tr>
</form>
</table>
</div>
</body>
</html>