Ragazzi
Ho cercato gia nei vari post qui nel forum e letto la documentazione su come usare formData ma non mi � molto chiara la cosa per cui posto il codice nella speranza di un aiuto concreto.
Il desisderio � recuperare tutti i campi del form cosi come il campo file documento e tramite ajax inviare il tutto ad una pagina ASP.
codice HTML:
$(document).ready(function(){
$("#myform").validate({ // initialize the plugin
rules: { myoptions1: { required: true}, myoptions2: {required: true} }, messages: { myoptions1: {required: "scegli il genere"}, myoptions2: {required: "scegli la nazione"} }, onkeyup: false, errorPlacement: function (error, element) { alert(error.text()); }, submitHandler: function(form) { // Get form var form = $('#myform')[0]; var fileName = $('#documento').get(0).files[0]; // FormData object var data = new FormData(form); data.append("documento", Blob, fileName); $.ajax({ type: "POST", enctype: 'multipart/form-data', data: data, url: "invia.asp" processData: false, contentType: false, cache: false }) } }); });
e qui di seguito il form html ....
codice HTML:
<p> Form Overlay </p><form id="myform" action="invia.asp" method="post" enctype="multipart/form-data">
<input type="text" name="myName" /> <br/> <input type="text" name="myEmail" /> <br/> <textarea name="myMessage"></textarea> <br/><input type="radio" name="myoptions1" value="uomo"> Uomo<br /><input type="radio" name="myoptions1" value="donna"> Donna<br /><br /><input type="radio" name="myoptions2" value="italiano">Italiano<input type="radio" name="myoptions2" value="inglese">Inglese <input type="file" nome="documento" id="documento"><input type="submit" method="post" value="submit" action="invia.asp" /></form>