Obbligatorietà dei campi in un form

**generationweb.i** · 18-07-2006, 19:56

Salve ho un form composto dai seguenti campi che vengono inviati ad una pagina asp la quale invia i dati su email

NOME - COGNOME - EMAIL - MESSAGGIO

Vorrei renderli tutti obbligatori facendo la convalida dei campi e con un relativo messaggio di errore per ogni campo nn inserito.

Thanks a tutti coloro che mi possano aiutare.

**viki1967** · 18-07-2006, 19:59

codice:

<script language="JavaScript" type="text/JavaScript">
<!--

function convalidaForm(Qform) 
{

  for (var a = 0; a < Qform.elements.length; a++) 
	{
	var campo = Qform.elements[a];

      	if (campo.value.length <= 0)
      	
		{
        	window.alert('Il campo "'+ campo.name +'"\nè un campo obbligatorio in questo form.');
        	campo.focus();
        	return false;
      		}
      		    
      		    }
      		    
      		    
// Abilita l'invio del FORM
return(true);
}
 
//-->
</script>
</HEAD>
 
<body> 
 
<form action="pages.asp" method="post" onsubmit="return(convalidaForm(this));">
 
<--!altri campi del form -->

**generationweb.i** · 18-07-2006, 20:07

CIAO!
Grazie
allora.....il form funziona ma quando vado a scelgliere su di un menu a tendina mi da sempre l'errore come se nn avessi compilato. :master:

**viki1967** · 18-07-2006, 20:13

posta il form completo.

**generationweb.i** · 18-07-2006, 20:36

TI POSTO SOLO IL FORM SENZA IL CONTROLLO DEI CAMPI

<form action="formmail.asp" method="POST">
<div align="center">
<table border="0" cellspacing="0" cellpadding="5" width="374" style="border-width: 1px">
<tr>
<td><font size="1" color="#3399FF">Nome e Cognome*</font></td>
<td align="right">
<p align="center">
<font color="#3399FF">
<input type=text name="nominativo" size="30" style="font-family: Verdana; font-size: 10px"></font></td>
</tr>
<tr>
<td style="border-bottom-style: none; border-bottom-width: medium">
<font size="1" color="#3399FF">Email*</font></td>
<td align="right" style="border-bottom-style: none; border-bottom-width: medium">
<p align="center">
<font color="#3399FF">
<input type=text name="email" size="30" style="font-family: Verdana; font-size: 10px"></font></td>
</tr>
<tr>
<td colspan="2" align="center" style="border-style: none; border-width: medium">

<font color="#3399FF" size="1">Conoscenza del programma*
<select size="1" name="conoscenza" style="font-family: Verdana; font-size: 10px">
<option>Motori di ricerca</option>
<option>Amici</option>
<option>Altri siti</option>
<option>Forum</option>
</select> </font></p>

<font color="#3399FF" size="1">Richiesta download*
<select size="1" name="database" style="font-family: Verdana; font-size: 10px">
<option>Database football player</option>
<option>GST Sali e Tabacchi</option>
<option>Gestione Bar</option>
<option>Gestione ristorante</option>
<option>Gestine agenti</option>
<option>Gestione agenti</option>
<option>3D Biblioteca</option>
</select></font></p>

<font size="1" color="#3399FF">Acconsento al Trattamento dei dati
personali art. 196/2003</font></p>

<font color="#3399FF">
<input type="submit" value="Invia" style="font-family: Verdana; font-size: 10px">
<input type="reset" value="Cancella" style="font-family: Verdana; font-size: 10px">
</font></td>
</tr>
</table>
</div>
</form>

**cavicchiandrea** · 18-07-2006, 21:42

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function VerificaForm(FORM){
if(FORM.nominativo.value==""){
alert("Inserire nome e cognome");
FORM.nominativo.focus();
return false;
}
if(FORM.email.value==""){
alert("Inserire email");
FORM.email.focus();
return false;
}else if(!FORM.email.value.match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
alert("Email errata");
FORM.email.focus();
return false;
}
if(FORM.conoscenza.selectedIndex==0){
alert("Attenzione seleziona come sei venuto a conoscenza del sito");
FORM.conoscenza.focus();
return false;
}
if(FORM.database.selectedIndex==0){
alert("Attenzione seleziona il download");
FORM.database.focus();
return false;
}
if(!FORM.art196.checked){
alert("Attenzione seleziona l\'articolo 196/2003");
return false;
}

}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>
<form action="formmail.asp" method="POST" name="TheForm" id="TheForm" onSubmit="return VerificaForm(this)">
<div align="center">
<table border="0" cellspacing="0" cellpadding="5" width="374" style="border-width: 1px">
<tr>
<td><font size="1" color="#3399FF">Nome e Cognome*</font></td>
<td align="right">
<p align="center">
<font color="#3399FF">
<input type=text name="nominativo" id="nominativo" size="30" style="font-family: Verdana; font-size: 10px"></font></td>
</tr>
<tr>
<td style="border-bottom-style: none; border-bottom-width: medium">
<font size="1" color="#3399FF">Email*</font></td>
<td align="right" style="border-bottom-style: none; border-bottom-width: medium">
<p align="center">
<font color="#3399FF">
<input type=text name="email" id="email" size="30" style="font-family: Verdana; font-size: 10px"></font></td>
</tr>
<tr>
<td colspan="2" align="center" style="border-style: none; border-width: medium">


<font color="#3399FF" size="1">Conoscenza del programma*
<select size="1" name="conoscenza" id="conoscenza" style="font-family: Verdana; font-size: 10px">
  <option value="Seleziona" selected>Seleziona</option>
  <option value="Motori">Motori di ricerca</option>
  <option value="Amici">Amici</option>
  <option value="AltriSiti">Altri siti</option>
  <option value="Form">Forum</option>
</select> </font></p>


<font color="#3399FF" size="1">Richiesta download*
<select size="1" name="database" id="database" style="font-family: Verdana; font-size: 10px">
  <option value="Seleziona" selected>Seleziona</option>
  <option value="1">Database football player</option>
  <option value="2">GST Sali e Tabacchi</option>
  <option value="3">Gestione Bar</option>
  <option value="4">Gestione ristorante</option>
  <option value="5">Gestine agenti</option>
  <option value="6">Gestione agenti</option>
  <option value="7">3D Biblioteca</option>
</select></font></p>


<font size="1" color="#3399FF">Acconsento al Trattamento dei dati
personali art. 196/2003 
    <input type="checkbox" name="art196" value="si" id="art196">
</font></p>


<font color="#3399FF">
<input type="submit" value="Invia" style="font-family: Verdana; font-size: 10px">
<input type="reset" value="Cancella" style="font-family: Verdana; font-size: 10px">
</font></td>
</tr>
</table>
</div>
</form>
</body>
</html>

Cosi dovrebbe andare bene

**generationweb.i** · 19-07-2006, 14:52

Perfetto

Discussione: Obbligatorietà dei campi in un form

Strumenti discussione

Ricerca discussione

Visualizza

Obbligatorietà dei campi in un form

Permessi di invio