Array with HTML and Jquery

Question

Array with HTML and Jquery

Navigation

#1 by (0 votes)

0

I have a form, where the fields match the quantity entered in the database. I'm bringing this as follows:

<?php
....
$contar = $metodos->contarCadastro($chave);
$num = 1;
for($c = 1; $c <= $contarPaxes; $c++){
?>
    <div align='left'><label>Nome Completo:</label> <input type='text' name='NomeCompleto[]' id='nome' class='form-control' maxlenght='100'></div>
                <div align='left'><label>E-mail:</label> <input type='text' name='Email[]' id='email' class='form-control' maxlenght='100'></div>
                <div align='left'><label>Data de Nascimento:</label> <input type='text' name='DataNascimento[]' id="date" class='form-control' maxlenght='100'></div>
                <div align='left'><label>CPF:</label> <input type='text' id="cpf" name='CPF[]' class='form-control' maxlenght='100'></div>
<?php } ?>

And jquery:

$("#btnCadastrar").on("click", function() {
  var nome = $("#nome").val();
  var email = $("#email").val();
  var data = $("#date").val();
var cpf =  $("#cpf").val();

  $.post("cadastrar.php", {Nome: nome, Email: email, data: data, CPF: cpf }, function() { 
  $(document).ready(function () {
    $('#myModa3').modal();
  });
});
});

But if you have to register 03 people, it only registers one. How do I in the case of array, sign up for jquery?

jquery

asked by anonymous 20.10.2015 / 14:20

1 answer

Edit XML-specific data with LOOP using form in PHP file How to interrupt and return to xhtml error to display in p: messages

score 0 · Answer 1

Remember that ID is unique per element.

Quick and easy suggestion:

Create a <form> with any ID and place these inputs within that <form> .

After this, in your JS function do the following:

$("#btnCadastrar").on("click", function() {
    var formElements = $("#idDoSeuForm").serialize();


  $.post("cadastrar.php?"+formElements, function() { 
  $(document).ready(function () {
    $('#myModa3').modal();
  });
});
});

Of course you transform into JSON before sending.