Ciao,
ho una pagina in cui ci sono vari form. Uno serve per inviare tutti i dati inseriti nella pagina mentre gli altri servono per inivare dati a delle tabelle mysql senza ricaricare la pagina. Quindi per riassumere, compilo tutti i form presenti nella pagina e poi con il submit generale invio tutto al DB.
Non sapendo praticamente nulla di ajax, jquery ho provato questo scriptino che processa i dati del form senza dover ricaricare la pagina.
codice:<script type="text/javascript"> $(document).ready(function(){ $("#myform").validate({ debug: false, rules: { name: "required", email: { required: true, email: true } }, messages: { name: "Please let us know who you are.", email: "A valid email will help us get in touch with you.", }, submitHandler: function(form) { // do other stuff for a valid form $.post('process.php', $("#myform").serialize(), function(data) { $('#results').html(data); }); } }); }); </script>
Dato che l'html non permette l'utilizzo di form annidati, ho dovuto usare uno stratagemma usando la funzione "form" dell'html5. Quindi nell'header della pagina utilizzo l'id per identificare i vari form presenti
codice:<form id="frmAddProduct" action="" method="post" name="frmAddProduct"></form> <form id="myform" name="myform" action="" method="post"></form>
poi all'interno della pagina
il problema: form con "form=myform" ne ho parecchi, quindi lo script che ho postato prima, non è in grado di identificare da quale form sto inviando i dati per poi inserirli nella tabella corretta.codice:<input type="text" name="comune" id="comune" value="" placeholder="" form="myform"> <button class="btn btn-info" id="btnAddProduct" type="button" onClick="checkAddProductForm();" form="frmAddProduct">
Come posso risolvere questo problema?
Grazie

Rispondi quotando

