Salve, premesso che non so molto di Jquery, ma sto cercando di imparare, volevo postare un problema che ho con il plugin Jquery Validation.
Io ho un normalissimo form mail che viene validato da jquery prima di inviare i dati ad un file .php
Il problema sorge quando i dati inseriti nel form sono corretti, infatti jquery mi avvisa che i dati sono compilati bene, ma non prosegue l'action del form sul file .php...
Come faccio a proseguire, mandando i dati al file php che genererà la mail ?
Questo è il form html:
codice:
<form action="mail/mail.php" method="post" id="formYIW">
<fieldset>
<legend><span>Informazioni personali</span></legend>
<label for="nome">Il mio nome <abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="nome" id="nome" tabindex="1" />
<div class="clear"></div>
<label for="cognome">Il mio cognome <abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="cognome" id="cognome" tabindex="2" />
<div class="clear"></div>
<label for="email">La mia email principale <abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="email" id="email" tabindex="3" />
<div class="clear"></div>
</fieldset>
<fieldset>
<legend><span>Indirizzo</span></legend>
<label for="indirizzo">Indirizzo</label>
<input type="text" name="indirizzo" id="indirizzo" tabindex="4" />
<div class="clear"></div>
<label for="citta">Città</label>
<input type="text" name="citta" id="citta" tabindex="5" />
<div class="clear"></div>
<label for="provincia">Provincia</label>
<select name="provincia" id="provincia" tabindex="6">
<option value=""> - Seleziona la tua provincia - </option>
<option value="Agrigento">Agrigento</option>
<option value="Alessandria">Alessandria</option>
<option value="Ancona">Ancona</option>
<option value="Aosta">Aosta</option>
<option value="Aquila">Aquila</option>
<option value="Arezzo">Arezzo</option>
<option value="Ascoli Piceno">Ascoli Piceno</option>
<option value="Asti">Asti</option>
<option value="Avellino">Avellino</option>
<option value="Bari">Bari</option>
<option value="Belluno">Belluno</option>
<option value="Benevento">Benevento</option>
<option value="Bergamo">Bergamo</option>
<option value="Biella">Biella</option>
<option value="Bologna">Bologna</option>
<option value="Bolzano">Bolzano</option>
<option value="Brescia">Brescia</option>
<option value="Brindisi">Brindisi</option>
<option value="Cagliari">Cagliari</option>
<option value="Caltanissetta">Caltanissetta</option>
<option value="Campobasso">Campobasso</option>
<option value="Caserta">Caserta</option>
<option value="Catania">Catania</option>
<option value="Catanzaro">Catanzaro</option>
<option value="Chieti">Chieti</option>
<option value="Como">Como</option>
<option value="Cosenza">Cosenza</option>
<option value="Cremona">Cremona</option>
<option value="Crotone">Crotone</option>
<option value="Cuneo">Cuneo</option>
<option value="Enna">Enna</option>
<option value="Ferrara">Ferrara</option>
<option value="Firenze">Firenze</option>
<option value="Foggia">Foggia</option>
<option value="Forlì e Cesena">Forlì e Cesena</option>
<option value="Frosinone">Frosinone</option>
<option value="Genova">Genova</option>
<option value="Gorizia">Gorizia</option>
<option value="Grosseto">Grosseto</option>
<option value="Imperia">Imperia</option>
<option value="Isernia">Isernia</option>
<option value="La Spezia">La Spezia</option>
<option value="Latina">Latina</option>
<option value="Lecce">Lecce</option>
<option value="Lecco">Lecco</option>
<option value="Livorno">Livorno</option>
<option value="Lodi">Lodi</option>
<option value="Lucca">Lucca</option>
<option value="Macerata">Macerata</option>
<option value="Mantova">Mantova</option>
<option value="Massa-Carrara">Massa-Carrara</option>
<option value="Matera">Matera</option>
<option value="Messina">Messina</option>
<option value="Milano">Milano</option>
<option value="Modena">Modena</option>
<option value="Napoli">Napoli</option>
<option value="Novara">Novara</option>
<option value="Nuoro">Nuoro</option>
<option value="Oristano">Oristano</option>
<option value="Padova">Padova</option>
<option value="Palermo">Palermo</option>
<option value="Parma">Parma</option>
<option value="Pavia">Pavia</option>
<option value="Perugia">Perugia</option>
<option value="Pesaro e Urbino">Pesaro e Urbino</option>
<option value="Pescara">Pescara</option>
<option value="Piacenza">Piacenza</option>
<option value="Pisa">Pisa</option>
<option value="Pistoia">Pistoia</option>
<option value="Pordenone">Pordenone</option>
<option value="Potenza">Potenza</option>
<option value="Prato">Prato</option>
<option value="Ragusa">Ragusa</option>
<option value="Ravenna">Ravenna</option>
<option value="Reggio Calabria">Reggio Calabria</option>
<option value="Reggio Emilia">Reggio Emilia</option>
<option value="Rieti">Rieti</option>
<option value="Rimini">Rimini</option>
<option value="Roma">Roma</option>
<option value="Rovigo">Rovigo</option>
<option value="Salerno">Salerno</option>
<option value="Sassari">Sassari</option>
<option value="Savona">Savona</option>
<option value="Siena">Siena</option>
<option value="Siracusa">Siracusa</option>
<option value="Sondrio">Sondrio</option>
<option value="Taranto">Taranto</option>
<option value="Teramo">Teramo</option>
<option value="Terni">Terni</option>
<option value="Torino">Torino</option>
<option value="Trapani">Trapani</option>
<option value="Trento">Trento</option>
<option value="Treviso">Treviso</option>
<option value="Trieste">Trieste</option>
<option value="Udine">Udine</option>
<option value="Varese">Varese</option>
<option value="Venezia">Venezia</option>
<option value="Verbano-Cusio-Ossola">Verbano-Cusio-Ossola</option>
<option value="Vercelli">Vercelli</option>
<option value="Verona">Verona</option>
<option value="Vibo Valentia">Vibo Valentia</option>
<option value="Vicenza">Vicenza</option>
<option value="Viterbo">Viterbo</option>
</select>
<div class="clear"></div>
</fieldset>
<input type="submit" name="submit" id="submit" value="Registrati" tabindex="10" /></p>
</form>
e questo è il jquery di validazione:
codice:
jQuery(document).ready(function($){
//Regole di validazione
$("#formYIW").validate({
rules: {
nome: {
required:true,
minlength:2
},
cognome: {
required: true,
minlength:2
},
email: {
required: true,
email: true
}
},//rules
//Messaggi d'errore
messages:{
nome: {
required: "Devi inserire un nome",
minlength: "Il nome deve essere minimo 2 caratteri"
},
cognome: {
required: "Devi inserire un cognome",
minlength: "Il nome deve essere minimo 2 caratteri"
},
email: {
required: "Devi inserire l'email",
email: "Inserisci una email valida"
}
},//messages
submitHandler: function() { alert("Form inviato!!") }
});//validate
});