Código HTML:
Ver original
<head> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <link href="http://cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/2.6.4/validationEngine.jquery.css" rel="stylesheet"> <style> .top-buffer { margin-top:20px; } </style> </head> <body> </head> <body> <div id="container "> <div class="row-fluid top-buffer"> <div class="col-lg-6 col-lg-offset-3 text-center"> <form id="miform" method="post" name="miform" > <table id="tblprod" class="table table-hover table-bordered"> <thead> <tr> </tr> </thead> <tbody> <tr> <td> <div class="form-group col-lg-12"> <input class="form-control validate[required]"name="prod[]" /> </div> </td> <td> <div class="form-group col-lg-13"> <input class="form-control validate[required]"name="valor[]" /> </div> </td> <td> <div class="form-group col-lg-14"> <input class="form-control validate[required]"name="cant[]" /> </div> </td> </tr> </tbody> </table> </form> </div> </div> </div> <script type="text/javascript"> $(function() { var count = 1; jQuery("#miform").validationEngine({promptPosition : "centerRight:0,-5"}); $(document).on("click","#btnadd",function( event ) { count++; $('#tblprod tr:last').after('<tr><td>'+count+'</td><td><div class="form-group col-lg-12"><input class="form-control validate[required]"name="prod[]" /></div></td><td><div class="form-group col-lg-13"><input class="form-control validate[required]"name="valor[]" /></div></td><td><div class="form-group col-lg-14"><input class="form-control validate[required]"name="cant[]" /></div></td></tr>'); event.preventDefault(); }); $( "#miform" ).submit(function( event ) { var frm = $(this); var formulario = $(this).serialize(); if($('#miform').validationEngine('validate')){ $.post( "guardar.php", formulario) .done(function(data){ alert(data); $(frm)[0].reset(); }) .fail(function() { alert( "error no pude enviar los datos" ); }); } event.preventDefault(); }); }); </script> </body>
el codigo de mi archivo guardar es el siguiente
Código PHP:
if(isset($_POST['prod']) && !empty($_POST['prod'])){
foreach (array_keys($_POST['prod']) as $i)
{
// Acá usamos los campos.
$prod=$_POST['prod'][$i];
$var=$_POST['valor'][$i];
$cant=$_POST['cant'][$i];
echo $prod;
echo $var;
echo $cant;
}
}else{
echo 'failed';
}
$sql="insert into prueba(prod, val, cant)
values('$prod', '$var', '$cant')";
$rest = mysql_query($sql);