submit o click Jquery

MrClog

Nuovo Utente
23 Mag 2013
25
0
1
47
Napoli
Salve, sto cercando di fare un validate su un form,

Inizialmente ho usato un semplice attributo required,

HTML:
<form id="contratto" method="POST" action="#" >
<fieldset id="finputs">
<input id="fnome" name="fnome" type="text" placeholder="Nome" autofocus required>
<input id="fcognome" name="fcognome" type="text" placeholder="Cognome" required>
<input id="ftelefono" name="ftelefono" type="text" placeholder="Telefono" required>
<select id="fprodotto" required >
<option value=""><i>Prodotto</i></option>
...
</select>
</fieldset>
<div id="risultato"></div>
<input type="submit" id="submitform" value="Invia dati">
</form>

Ho pensato di inviarlo via ajax al server, ma se poi faccio l’invio via Jquery non mi funziona più il “required” e non riesco nemmeno con il validate di jqery.validate() usando jquery.validate.min.js


HTML:
$('#submitform').submit(function(){
 
//associazioni variabili
var nome = $('#fnome').val();
//validare campi
var cognome = $('#fcognome').val();
var telefono = $('#ftelefono').val();
var prodotto = $('#fprodotto').val();
alert ("nome=" + nome + "&cognome=" + cognome + "&telfono=" + telefono + "&prodotto" + prodotto);
//chiamata ajax
$.ajax({
//impostazione del tipo di invio dati (GET O POST)
type: "POST",
//Pagina server per invio dati del form
url: "inc/formloaddata.inc.php",
// dati da inviare
data:"nome=" + nome + "cognome=" + cognome + "telfono=" + telefono + "prodotto" + prodotto,
dataType: "html",
//Inizio visualizzazione errori
success: function(msg){
alert ('fatto');
$("#risultato").html(msg); // messaggio di avvenuta aggiunta valori al db
},
error: function(){
alert("Dati non inviati, riprovare..."); // callback in caso di fallimento
}
});
});
Come posso fare???

grazie mille
 

Discussioni simili