form... controllo campi in JS

**HammerFist** · 13-06-2005, 00:50

datemi una mano voi ... io non ci sto riuscendo,
ho cercato già nel forum e ci sono molti esempi ma non sto riuscendo a inserirli nel mio codice...
in pratica ho qst form e devo per forza mettere un codice js per poter fare i controlli sui campi che non siano vuoti e poi il controllo sul campo "EMAIL" il quale deve controllare che sia scritta per bene... che qualcuno mi aiuti a trovare una soluzione... qst qua sotto è il form nella pagina modulo.htm

<form action="registra.php" method="post" name="modulo">

<input name="idstrut" type="hidden" id="idstrut" value="1">
<table border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#EBEBEB">
<tr>
<td width="104" height="26" bgcolor="#FFFFFF" >
<div align="right"> <font color="#000000">Nome </font></div></td>
<td width="12" height="26" bgcolor="#FFFFFF" >
<div align="center">- </div></td>
<td width="202" bgcolor="#FFFFFF" >
<div align="left">
<input name="nome" type="text" id="nome">
</div></td>
</tr>
<tr>
<td width="104" height="2" bgcolor="#FFFFFF" >
<div align="right"> Cognome</div></td>
<td width="12" height="2" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td width="202" bgcolor="#FFFFFF">
<div align="left">
<input name="cognome" type="text" id="cognome">
</div></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF">
<div align="right"><font color="#000000">Indirizzo</font></div></td>
<td height="2" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td bgcolor="#FFFFFF">
<div align="left">
<input name="indirizzo" type="text" id="indirizzo">
</div></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF">
<div align="right"><font color="#000000">Città</font></div></td>
<td height="2" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td bgcolor="#FFFFFF">
<div align="left">
<input name="citta" type="password" id="citta">
</div></td>
</tr>
<tr>
<td height="26" bgcolor="#FFFFFF">
<div align="right"><font color="#000000"> Telefono </font></div></td>
<td height="26" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td bgcolor="#FFFFFF">
<div align="left">
<input name="telefono" type="text" id="telefono">
</div></td>
</tr>
<tr>
<td height="26" bgcolor="#FFFFFF">
<div align="right"><font color="#000000"> Note:</font></div></td>
<td height="26" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td bgcolor="#FFFFFF">
<div align="left">
<textarea name="textarea" id="textarea"></textarea>
</div></td>
</tr>
<tr>
<td height="26" bgcolor="#FFFFFF">
<div align="right"><font color="#000000"> E-mail</font></div></td>
<td height="26" bgcolor="#FFFFFF">
<div align="center">- </div></td>
<td bgcolor="#FFFFFF">
<div align="left">
<input name="mail" type="text" id="mail">
</div></td>
</tr>
</table>

<table width="242" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="2">

<div align="center">
<input type="submit" name="Submit" value="Invia" style="color: #000000; font-family: Arial; font-size: 8 pt; background-color: #cc6600 ">
<input type="reset" name="Reset" value="reset" style="color: #000000; font-family: Arial; font-size: 8 pt; background-color: #cc4400">
</div></td>
</tr>
</table>
</form>

VI RINGRAZIO PER TUTTO L'AIUTO CHE POTRETE DARMI...

**badaze** · 13-06-2005, 09:38

Devi usare l'evento onsubmit sul form. Se la funzione ritorna false allora il submit non viene eseguito altrimenti se ritorna true il submit viene eseguito.

Per il controllo del campo mail, troverai cio' di cui hai bisogno cercando nel forum.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function controlla() {
  if (document.modulo.nome.value == '') {
	 alert('nome obbligatorio');
	 return false;
	}
  //
	if (document.modulo.cognome.value == '') {
	 alert('cognome obbligatorio');
	 return false;
	}
 return true;
}
//-->
</script>

</head>
<body>
<form action="registra.php" method="post" name="modulo" onsubmit="return controlla()"> 

 
<input name="idstrut" type="hidden" id="idstrut" value="1"> 
<table border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#EBEBEB"> 
<tr> 
<td width="104" height="26" bgcolor="#FFFFFF" > 
<div align="right"> <font color="#000000">Nome </font></div></td> 
<td width="12" height="26" bgcolor="#FFFFFF" > 
<div align="center">- </div></td> 
<td width="202" bgcolor="#FFFFFF" > 
<div align="left"> 
<input name="nome" type="text" id="nome"> 
</div></td> 
</tr> 
<tr> 
<td width="104" height="2" bgcolor="#FFFFFF" > 
<div align="right"> Cognome</div></td> 
<td width="12" height="2" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td width="202" bgcolor="#FFFFFF"> 
<div align="left"> 
<input name="cognome" type="text" id="cognome"> 
</div></td> 
</tr> 
<tr> 
<td height="2" bgcolor="#FFFFFF"> 
<div align="right"><font color="#000000">Indirizzo</font></div></td> 
<td height="2" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td bgcolor="#FFFFFF"> 
<div align="left"> 
<input name="indirizzo" type="text" id="indirizzo"> 
</div></td> 
</tr> 
<tr> 
<td height="2" bgcolor="#FFFFFF"> 
<div align="right"><font color="#000000">Città</font></div></td> 
<td height="2" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td bgcolor="#FFFFFF"> 
<div align="left"> 
<input name="citta" type="password" id="citta"> 
</div></td> 
</tr> 
<tr> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="right"><font color="#000000"> Telefono </font></div></td> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td bgcolor="#FFFFFF"> 
<div align="left"> 
<input name="telefono" type="text" id="telefono"> 
</div></td> 
</tr> 
<tr> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="right"><font color="#000000"> Note:</font></div></td> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td bgcolor="#FFFFFF"> 
<div align="left"> 
<textarea name="textarea" id="textarea"></textarea> 
</div></td> 
</tr> 
<tr> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="right"><font color="#000000"> E-mail</font></div></td> 
<td height="26" bgcolor="#FFFFFF"> 
<div align="center">- </div></td> 
<td bgcolor="#FFFFFF"> 
<div align="left"> 
<input name="mail" type="text" id="mail"> 
</div></td> 
</tr> 
</table> 

 
<table width="242" border="0" cellspacing="0" cellpadding="0" align="center"> 
<tr> 
<td height="2"> 
 
<div align="center"> 
<input type="submit" name="Submit" value="Invia" style="color: #000000; font-family: Arial; font-size: 8 pt; background-color: #cc6600 "> 
<input type="reset" name="Reset" value="reset" style="color: #000000; font-family: Arial; font-size: 8 pt; background-color: #cc4400"> 
</div></td> 
</tr> 
</table> 
</form> 

</body>
</html>

**fabioandr@libero.it** · 13-06-2005, 12:55

x il controllo della email io uso questa funzione

codice:

function isEmail (field) {
	var reEmail = /^.+\@.+\..+$/

	if (field.value == "") return ("VUOTO");
    else {
       if(reEmail.test(field.value)) return ("OK");
       else return ("ERRATO");
    }
}

	function avvertiemail() {
	alert("Attenzione! Se l'indirzzo non è valido non puoi essere contattato!")
	
	}
switch (isEmail(document.registrazione.indirizzo_email)) {
				case "VUOTO":
					alert("Inserisci tuo indirizzo email");
					document.registrazione.indirizzo_email.focus();
					document.registrazione.indirizzo_email.select();
					return false;
					break;
				case "ERRATO":
					alert("L'email non sembra essere valida. Devi inserire un indirizzo valido!");
					document.registrazione.indirizzo_email.focus();
					document.registrazione.indirizzo_email.select();
					return false;
					break;
				case "OK":
					break;
			}

Discussione: form... controllo campi in JS

Strumenti discussione

Ricerca discussione

Visualizza

form... controllo campi in JS

Permessi di invio