Validazione form

di il
1 risposte

Validazione form

Ciao gente,
premettendo che di programmazione non ne capisco un'acca vorrei sapere il codice per la validazione del mio form di registrazione.

Di seguito vi incollo l'HTML della pagina del form:
<!-- START: FORM -->
<form action="4CM_phpEmail.php3" method="post" onsubmit="controlla()">
<table width="700" border="0" align="left">
  <tr>
    <th width="133" scope="col"><font face="Verdana,Arial" size="1"><B>Nome:</font></th>
    <th width="239" scope="col"><input name="UserName" size=28 value="" ></th>
    <th width="126" scope="col"><font face="Verdana,Arial" size="1"><B>Cognome:</font></th>
    <th width="184" scope="col"><input name="UserSurname" size=28 value=""></th>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Nato/a il:</font></th>
    <td align="center">
  <select name="UserNatoilgiorno">
          <option selected value=""></option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
        </select> 
		
		
		<select name="UserNatoilmese">
        <option selected value=""></option>
        <option value="Gennaio">Gennaio</option>
        <option value="Febbraio">Febbraio</option>
        <option value="Marzo">Marzo</option>
        <option value="Aprile">Aprile</option>
        <option value="Maggio">Maggio</option>
        <option value="Giugno">Giugno</option>
        <option value="Luglio">Luglio</option>
        <option value="Agosto">Agosto</option>
        <option value="Settembre">Settembre</option>
        <option value="Ottobre">Ottobre</option>
        <option value="Novembre">Novembre</option>
        <option value="Dicembre">Dicembre</option>
      </select>
	  
	  
<select name="UserNatolanno">
        <option selected value=""></option>
        <option value="1992">1992</option>
        <option value="1991">1991</option>
        <option value="1990">1990</option>
        <option value="1989">1989</option>
        <option value="1988">1988</option>
        <option value="1987">1987</option>
        <option value="1986">1986</option>
        <option value="1985">1985</option>
        <option value="1984">1984</option>
        <option value="1983">1983</option>
        <option value="1982">1982</option>
        <option value="1981">1981</option>
        <option value="1980">1980</option>
        <option value="1979">1979</option>
        <option value="1978">1978</option>
        <option value="1977">1977</option>
        <option value="1976">1976</option>
        <option value="1975">1975</option>
        <option value="1974">1974</option>
		<option value="1973">1973</option>
        <option value="1972">1972</option>
        <option value="1971">1971</option>
        <option value="1970">1970</option>
        <option value="1969">1969</option>
        <option value="1968">1968</option>
        <option value="1967">1967</option>
        <option value="1966">1966</option>
        <option value="1965">1965</option>
        <option value="1964">1964</option>
		<option value="1963">1963</option>
        <option value="1962">1962</option>
        <option value="1961">1961</option>
        <option value="1960">1960</option>
        <option value="1959">1959</option>
        <option value="1958">1958</option>
        <option value="1957">1957</option>
        <option value="1956">1956</option>
        <option value="1955">1955</option>
        <option value="1954">1954</option>
      </select></td>
    <th><font face="Verdana,Arial" size="1"><B>Sesso:</font></th>
    <td align="center"> <select name="UserSesso" >
        <option selected value=""></option>
        <option value="Maschio">Maschio</option>
        <option value="Femmina">Femmina</option>
      </select></td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Cittadinanza:</font></th>
    <td align="center"><input name="UserCittadinanza" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Codice fiscale:</font></th>
    <td align="center"><input name="UserCodicefiscale" size=28 value=""></td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1">Residente in:</font></th>
    <th align="center">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Stato:</font></th>
    <td align="center"><input name="UserStato" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Citta':</font></th>
    <td><input name="UserCitta" size=28 value=""></td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Provincia:</font></th>
    <td align="center"><select name="UserProvincia">
         <option selected value=""></option>
                  <option value="AG">Agrigento 
                  <option value="AL">Alessandria 
                  <option value="AN">Ancona 
                  <option value="AO">Aosta 
                  <option value="AR">Arezzo 
                  <option value="AP">Ascoli Piceno 
                  <option value="AT">Asti 
                  <option value="AV">Avellino 
                  <option value="BA">Bari 
                  <option value="BL">Belluno 
                  <option value="BN">Benevento 
                  <option value="BG">Bergamo 
                  <option value="BI">Biella 
                  <option value="BO">Bologna 
                  <option value="BZ">Bolzano 
                  <option value="BS">Brescia 
                  <option value="BR">Brindisi 
                  <option value="CA">Cagliari 
                  <option value="CL">Caltanissetta 
                  <option value="CB">Campobasso 
                  <option value="CE">Caserta 
                  <option value="CT">Catania 
                  <option value="CZ">Catanzaro 
                  <option value="CH">Chieti 
                  <option value="CO">Como 
                  <option value="CS">Cosenza 
                  <option value="CR">Cremona 
                  <option value="KR">Crotone 
                  <option value="CN">Cuneo 
                  <option value="EN">Enna 
                  <option value="FE">Ferrara 
                  <option value="FI">Firenze 
                  <option value="FG">Foggia 
                  <option value="FO">Forl&igrave;
                  <option value="FR">Frosinone 
                  <option value="GE">Genova 
                  <option value="GO">Gorizia 
                  <option value="GR">Grosseto 
                  <option value="IM">Imperia 
                  <option value="IS">Isernia 
                  <option value="AQ">L'Aquila 
                  <option value="SP">La Spezia 
                  <option value="LT">Latina 
                  <option value="LE">Lecce 
                  <option value="LC">Lecco 
                  <option value="LI">Livorno 
                  <option value="LO">Lodi 
                  <option value="LU">Lucca 
                  <option value="MC">Macerata 
                  <option value="MN">Mantova 
                  <option value="MS">Massa-Carrara 
                  <option value="MT">Matera 
                  <option value="ME">Messina 
                  <option value="MI">Milano 
                  <option value="MO">Modena 
                  <option value="NA">Napoli 
                  <option value="NO">Novara 
                  <option value="NU">Nuoro 
                  <option value="OR">Oristano 
                  <option value="PD">Padova 
                  <option value="PA">Palermo 
                  <option value="PR">Parma 
                  <option value="PV">Pavia 
                  <option value="PG">Perugia 
                  <option value="PS">Pesaro e Urbino 
                  <option value="PE">Pescara 
                  <option value="PC">Piacenza 
                  <option value="PI">Pisa 
                  <option value="PT">Pistoia 
                  <option value="PN">Pordenone 
                  <option value="PZ">Potenza 
                  <option value="PO">Prato 
                  <option value="RG">Ragusa 
                  <option value="RA">Ravenna 
                  <option value="RC">Reggio di Calabria 
                  <option value="RE">Reggio nell'Emilia 
                  <option value="RI">Rieti 
                  <option value="RN">Rimini 
                  <option value="RM">Roma 
                  <option value="RO">Rovigo 
                  <option value="SA">Salerno 
                  <option value="SS">Sassari 
                  <option value="SV">Savona 
                  <option value="SI">Siena 
                  <option value="SR">Siracusa 
                  <option value="SO">Sondrio 
                  <option value="TA">Taranto 
                  <option value="TE">Teramo 
                  <option value="TR">Terni 
                  <option value="TO">Torino 
                  <option value="TP">Trapani 
                  <option value="TN">Trento 
                  <option value="TV">Treviso 
                  <option value="TS">Trieste 
                  <option value="UD">Udine 
                  <option value="VA">Varese 
                  <option value="VE">Venezia 
                  <option value="VB">Verbania 
                  <option value="VC">Vercelli 
                  <option value="VR">Verona 
                  <option value="VV">Vibo Valentia 
                  <option value="VI">Vicenza 
                  <option value="VT">Viterbo 
              </select></td>
    <th><font face="Verdana,Arial" size="1"><B>CAP:</font></th>
    <td><input name="UserCAP" size=28 value=""></td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Via:</font></th>
    <td align="center"><input name="UserVia" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>N.:</font></th>
    <td><input name="UserNum" size=28 value=""></td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Tel:</font></th>
    <td align="center"><input name="UserVia" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Fax:</font></th>
    <td><input name="UserFax" size=28 value=""></td>
  </tr>
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Cell:</font></th>
    <td align="center"><input name="UserCell" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Email:</font></th>
    <td><input name="UserEmail" size=28 value=""></td>
  </tr>
  
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Passaporto (f):</font></th>
    <td align="center"><input name="UserPassaporto" size=28 value=""></td>
    <td>&nbsp;</td>
    <td><font face="Verdana,Arial" size="1"></td>
  </tr>
  
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Msn (f) :</font></th>
    <td align="center"><input name="UserMsn" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Skype (f):</font></th>
    <td><input name="UserSkype" size=28 value=""></td>
  </tr>
  
  <tr>
    <th colspan="2" scope="row"><font face="Verdana,Arial" size="1"><B>Che area geografica o quale Paese vorresti rappresentare nel Model (f):</font></th>
    <td colspan="2" align="center"><input name="UserAreageografica" value="" size=28></td>
    </tr>
  
  <tr>
    <th colspan="2" scope="row"><font face="Verdana,Arial" size="1"><B>Come sei venuto/a a conoscenza del progetto?:</font></th>
    <td><select name="UserConoscenza">
		<option selected value=""></option>
          <option value="Locandine">Locandine</option>
          <option value="Amici">Amici</option>
          <option value="Ex Partecipante">Ex Partecipante</option>
          <option value="Conferenze">Conferenze</option>
              </select> </td>
    <td></td>
  </tr>
  
  <tr>
    <th scope="row"><font face="Verdana,Arial" size="1"><B>Universita' di:</font></th>
    <td><input name="UserUniv" size=28 value=""></td>
    <th><font face="Verdana,Arial" size="1"><B>Facolta' di:</font></th>
    <td><input name="UserFac" size=28 value=""></td>
  </tr>
  
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><font face="Verdana,Arial" size="1"></td>
  </tr>
  
   <tr>
    <th colspan="4" align="center" scope="row"><font face="Verdana,Arial" size="1"><b>Lingua Inglese:</b><B>1) Writing:</font>    
	  <select name="UserWriting" ">
              <option value="Buono">Buono</option>
              <option value="Discreto">Discreto</option>
              <option value="Ottimo">Ottimo</option>
        </select>     
		
		 <font face="Verdana,Arial" size="1"><B>2) Speaking:</font>       
		  <select name="UserSpeaking" ">
              <option value="Buono">Buono</option>
              <option value="Discreto">Discreto</option>
              <option value="Ottimo">Ottimo</option>
        </select>
		
		<font face="Verdana,Arial" size="1"><B>3) Listening:</font>
		<select name="UserListening" ">
              <option value="Buono">Buono</option>
              <option value="Discreto">Discreto</option>
              <option value="Ottimo">Ottimo</option>
          </select>		</th>
    </tr>
   
  
   <tr>
    <th scope="row"></th>
    <td></td>
    <td>&nbsp;</td>
    <td></td>
  </tr>
  
   <tr>
    <th colspan="2" scope="row"><font face="Verdana,Arial" size="1"><B>Eventuali certificazioni di lingua inglese:</font></th>
    <td colspan="2"><label>
            <textarea name="UserCertificazioni" cols="50" rows="5"></textarea>
          </label></td>
    </tr>
  
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
  </tr>
  
  <tr>
    <th colspan="2" scope="row"><font face="Verdana,Arial" size="1"><B>Breve descrizione curriculum vitae (max. 500 caratteri):</font></th>
    <td colspan="2"><textarea name="UserCV" cols="50" rows="5" onKeyDown="textCounter(this.form.curriculum,this.form.remLen,500);" onKeyUp="textCounter(this.form.curriculum,this.form.remLen,500);"></textarea></td>
    </tr>
  
  
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
  </tr>
  
  <tr>
    <th colspan="4" scope="row"><textarea name="condizioni" cols="50" rows="5" id>DICHIARAZIONE AI FINI DELLA LEGGE 196/03
RISERVATEZZA DEI DATI PERSONALI
Con la presente desideriamo informarLa che i dati personali da Lei forniti con la domanda di ammissione al MUN, verranno da noi utilizzati, con l'ausilio di strumenti informatici, nel pieno rispetto della legge sulla privacy 196/03 "tutela delle persone e di altri soggetti rispetto al trattamento dei dati personali", soltanto ed esclusivamente per le seguenti finalità: 

- finalità didattiche, amministrative e di comunicazione legate alla gestione della sua eventuale partecipazione al MUN.
- indagini statistiche.

Lei potrebbe non acconsentire al trattamento dei suoi dati, ma il suo mancato consenso renderebbe estremamente complessa l'attività di selezione e problematica la gestione di tutti i nostri rapporti.
Lei può comunque esercitare i diritti di cui all'art. 13 L. 196/03 che alleghiamo alla presente.
Ciò premesso Le chiediamo cortesemente di esprimere il suo consenso all'utilizzo dei dati personali ai fini sopraindicati compilando e sottoscrivendo la scheda allegata.
La preghiamo cortesemente di inviare tale documento unitamente alla domanda di ammissione al MUN.</textarea></th>
    </tr>
  
  <tr>
    <th colspan="4" scope="row"><font face="Verdana,Arial" size="1"><B>ACCETTO:</font> <input name="condizioni" type="checkbox" value="checkbox" /></th>
    </tr>
  
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
  </tr>
  
  <tr>
    <th colspan="4" align="left" scope="row"><font face="Verdana,Arial" size="1"><B>(f) = campi facoltativi ; tutti gli altri campi sono obbligatori perch&egrave; la registrazione vada a buon fine </font></th>
    </tr>
  
  <tr>
    <th colspan="4" scope="row"><font face="Verdana,Arial" size="1"><input type="submit" value="Invia Iscrizione">
    </font></th>
    </tr>
</table>

  </form>
Grazie in anticipo a chi vorrà aiutarmi!
Sono disperatoooo...

Francesco

1 Risposte

  • Re: Validazione form

    Francesco,
    per realizzare la validazione del form prima dell'invio devi:
    1. conoscere JavaScript
    2. realizzare la funzione controlla() e modificare il costrutto html del form
    <!-- START: FORM -->
    <form action="4CM_phpEmail.php3" method="post" onsubmit="controlla()">
    con

    <form action="4CM_phpEmail.php3" method="post" onsubmit="return controlla()">

    Beh, poi devi chiarire che tipo di controllo fare, ovvero stabilire quali siano i contenuti minimi dei campi... e quelli validi per i campi testo liberi...
    Lo script che farà la validazione si preoccuperà di:
    1.controllare il contenuto dei campi
    2.informare l'utente riguardo l'errata compilazione dei campi
    3.mostrare delle indicazioni sullo schermo circa i campi da correggere (ad esempio facendo diventare il testo color rosso)

    Non è difficile ma ti occorre un minimo di competenze di programmazione. In alternativa un programmatore freelance può risolverti il problema rapidamente e con una modestissima cifra.

    Valerio
Devi accedere o registrarti per scrivere nel forum
1 risposte