validazione di form

**luigi2005** · 07-06-2010, 10:18

ciao a tutti, ho fatto un form e vorrei che un campo di questo form sia obbligatorio, credo di aver fatto tutto correttamente ma il controlllo non me lo fa, qualcuno di voi riesce a vedere dove qual'è l'errore? pero ra l'ho fatto solo per la variabile Nome ,vi posto il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="file/style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<SCRIPT LANGUAGE="JavaScript">
function verifForm(formulaire)
{
if(formulaire.Nome.value == "")
alert('You forgot to enter your name!');
else
formulaire.submit();
}
</SCRIPT>

</head>

<body>
<td class="tahoma14"><form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="MM_validateForm('email','','RisEmail');r eturn document.MM_returnValue">
<fieldset>
<legend class="tahoma_Arancio14">Per Contattarci</legend>
<div class="fieldbox">
<label for="theName">Nome:<span>*</span>

<input name="Nome:" type="text" value="" size="44" id="theName" />
</label>
<p class="field_desc">Inserisci il tuo nome e cognome.</p>
</div>
<div class="fieldbox">
<label for="theURL">Società: *

<input name="Società" type="text" value="nome della società" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci la tua società.</p>
</div>
<div class="fieldbox">
<label for="theURL">Indirizzo:<span>*</span>

<input name="Indirizzo" type="text" value="il tuo indirizzo" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo indirizzo postale.</p>
</div>
<div class="fieldbox">
<label for="theURL">Recapito telefonico:<span>*</span>

<input name="recapito_telefonico" type="text" value="n." size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo numero di telefono.</p>
</div>
<div class="fieldbox">
<label for="theURL">Sito Internet:

<input name="sito" type="text" value="www" size="44" id="theURL" />
</label>
<p class="field_desc">Hai un sito web? Inseriscilo.</p>
</div>
<div class="fieldbox">
<label for="email">Email:<span>*</span>

<input name="email" type="text" value="la tua email" size="44" id="email" />
</label>
<p class="field_desc">Promettiamo di non condividere il tuo indirizzo email con NESSUNO.</p>
</div>
<div class="fieldbox">
<label for="message">Messaggio:<span>*</span>

<textarea name="messaggio" cols="38" rows="6" id="message"></textarea>
</label>
<p class="field_desc">Scrivi il tuo commento qui ... questa finestra si espanderà automaticamente!

</p>
</div>

</p>

</p>

<span>*</span> - indica i campi obbligatori </p>
</fieldset>
<button class="buttons" type="submit"onClick="verifForm(this.form)">Invia</button>

</form>

**google01** · 07-06-2010, 11:09

Prima di tutto, quando posti del codice, utilizza gli appositi tag

Per quanto riguarda il problema, io richiamerei la validazione al momento del submit del form

codice:

<form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="return verifForm(this);">

e modificherei lo script come segue:

codice:

function verifForm(formulaire)
{
   if(formulaire.Nome.value == "")
   {
      alert('You forgot to enter your name!');
      return false;
   }
   else
      return true;
}

Saluti.

**luigi2005** · 07-06-2010, 11:18

anch'io avevo pensato di far fare la validazione all'inizio del form ma non mi funzionava ugualmente, tu dici di mettere
<form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="return verifForm(this);">
al posto di
<form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="MM_validateForm('email','','RisEmail');r eturn document.MM_returnValue">

o di aggiungere così:

<form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="return verifForm(this);"onsubmit="MM_validateForm('email' ,'','RisEmail');return document.MM_returnValue">
cosi mi sembra che non abbia molto senso...

**google01** · 07-06-2010, 11:22

La prima che hai detto

Ovviamente devi anche togliere la chiamata alla funzione verifForm associata all'evento onclick del pulsante submit.

codice:

<input class="buttons" type="submit">Invia</input>

**LeleFT** · 07-06-2010, 11:33

Non è stato specificato il linguaggio, come richiesto dal regolamento interno.
Credo, inoltre, che il forum non sia quello giusto: se è un problema di HTML, c'è il forum "HTML e XHTML"; se si tratta di un problema JavaScript, c'è il forum "JavaScript".
Nessuno dei due viene trattato qui.

Attendo di sapere dove spostare la discussione.

Ciao.

**luigi2005** · 07-06-2010, 11:45

ti posto tutta la pagina , ho fatto le modifiche che mi hai chiesto ma continua ad inviarmi lo stesso il form senza fare il controllo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="file/style.css" rel="stylesheet" type="text/css" />
</head>

<SCRIPT LANGUAGE="JavaScript">
function verifForm(formulaire)
{
if(formulaire.Nome.value == "")
{
alert('You forgot to enter your name!');
return false;
}
else
return true;
}
</SCRIPT>

<body>
<table width="961" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>

<table width="961" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="15" class="tabellaTop"></td>
</tr>
<tr>
<td bgcolor="#d9d9d9"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="10">
<tr>
<td width="380" class="tahoma14"><form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="return verifForm(this);">
<fieldset>
<legend class="tahoma_Arancio14">Per Contattarci</legend>
<div class="fieldbox">
<label for="theName">Nome:<span>*</span>

<input name="Nome:" type="text" size="44" id="theName" />
</label>
<p class="field_desc">Inserisci il tuo nome e cognome.</p>
</div>
<div class="fieldbox">
<label for="theURL">Società: *

<input name="Società" type="text" value="nome della società" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci la tua società.</p>
</div>
<div class="fieldbox">
<label for="theURL">Indirizzo:<span>*</span>

<input name="Indirizzo" type="text" value="il tuo indirizzo" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo indirizzo postale.</p>
</div>
<div class="fieldbox">
<label for="theURL">Recapito telefonico:<span>*</span>

<input name="recapito_telefonico" type="text" value="n." size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo numero di telefono.</p>
</div>
<div class="fieldbox">
<label for="theURL">Sito Internet:

<input name="sito" type="text" value="www" size="44" id="theURL" />
</label>
<p class="field_desc">Hai un sito web? Inseriscilo.</p>
</div>
<div class="fieldbox">
<label for="email">Email:<span>*</span>

<input name="email" type="text" value="la tua email" size="44" id="email" />
</label>
<p class="field_desc">Promettiamo di non condividere il tuo indirizzo email con NESSUNO.</p>
</div>
<div class="fieldbox">
<label for="message">Messaggio:<span>*</span>

<textarea name="messaggio" cols="38" rows="6" id="message"></textarea>
</label>
<p class="field_desc">Scrivi il tuo commento qui ... questa finestra si espanderà automaticamente!

</p>
</div>

</p>

</p>

<span>*</span> - indica i campi obbligatori </p>
</fieldset>
<button class="buttons" type="submit">Invia</button>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td height="15" class="tabellaDown"></td>
</tr>
</table>
</body>
</html>

**google01** · 07-06-2010, 11:52

Eccoti il codice corretto:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="file/style.css" rel="stylesheet" type="text/css" />
</head>

<SCRIPT type="text/javascript">
function verifForm(formulaire)
{
if(formulaire.Nome.value == "")
{
alert('You forgot to enter your name!');
return false;
}
else
return true;
}
</SCRIPT>

<body>
<table width="961" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>



<table width="961" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="15" class="tabellaTop"></td>
</tr>
<tr>
<td bgcolor="#d9d9d9"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="10">
<tr>
<td width="380" class="tahoma14"><form action="formcdosys.asp" method="post" name="form1" id="form1" onsubmit="return verifForm(this);">
<fieldset>
<legend class="tahoma_Arancio14">Per Contattarci</legend>
<div class="fieldbox">
<label for="theName">Nome:<span>*</span>

<input name="Nome" type="text" size="44" id="theName" />
</label>
<p class="field_desc">Inserisci il tuo nome e cognome.</p>
</div>
<div class="fieldbox">
<label for="theURL">Società: *

<input name="Società" type="text" value="nome della società" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci la tua società.</p>
</div>
<div class="fieldbox">
<label for="theURL">Indirizzo:<span>*</span> 

<input name="Indirizzo" type="text" value="il tuo indirizzo" size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo indirizzo postale.</p>
</div>
<div class="fieldbox">
<label for="theURL">Recapito telefonico:<span>*</span> 

<input name="recapito_telefonico" type="text" value="n." size="44" id="theURL" />
</label>
<p class="field_desc">Inserisci il tuo numero di telefono.</p>
</div>
<div class="fieldbox">
<label for="theURL">Sito Internet: 

<input name="sito" type="text" value="www" size="44" id="theURL" />
</label>
<p class="field_desc">Hai un sito web? Inseriscilo.</p>
</div>
<div class="fieldbox">
<label for="email">Email:<span>*</span>

<input name="email" type="text" value="la tua email" size="44" id="email" />
</label>
<p class="field_desc">Promettiamo di non condividere il tuo indirizzo email con NESSUNO.</p>
</div>
<div class="fieldbox">
<label for="message">Messaggio:<span>*</span>

<textarea name="messaggio" cols="38" rows="6" id="message"></textarea>
</label>
<p class="field_desc">Scrivi il tuo commento qui ... questa finestra si espanderà automaticamente! 



</p>
</div>


 </p>


 </p>


<span>*</span> - indica i campi obbligatori </p>
</fieldset>
<input class="buttons" type="submit" value="Invia"/>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td height="15" class="tabellaDown"> </td>
</tr>
</table>
</body>
</html>

PS: comunica a LeleFT dove spostare la discussione e ricordati 'sti benedetti tag !

**luigi2005** · 07-06-2010, 11:54

in teoria è javascript su una pagina html... postalo dove credi meglio, io mi ero messo su programmazione perchè non sapevo dove metterlo..
cioao

**LeleFT** · 07-06-2010, 11:56

Andata per JavaScript... che il posto migliore dove trovarlo è proprio in una pagina HTML.

Ciao.

**luigi2005** · 07-06-2010, 11:57

scusate a tutti ho risolto .. il problema è che non mettevo il id ma il nome... nella procedura javascript... grazie mille a tutti

Discussione: validazione di form

Strumenti discussione

Ricerca discussione

Visualizza

validazione di form

Moderazione

Permessi di invio