Skip to main content
3 de 3
removeu 50 caracteres do conteúdo
Miguel
  • 29,5mil
  • 5
  • 43
  • 80

Dá para fazer, vou fazer com jQuery, adicione jQuery às suas tags sff. Você pode fazer assim como exemplifico em baixo:

HTML: Adicionar nome/email dos amigos:

<form method="POST">
    <div class="campos">
        Nome:<br>
        <input name="nomes[]">
        Email:<br>
        <input name="emails[]">
    </div>
    <input type="submit">
</form>
<button class="add_friend">Adicionar amigo</button>

JQUERY

$('.add_friend').on('click', function(){
    var campos = $('.campos').eq(0).clone(); // copiar só um destes elementos, escolhi copiar o primeiro que é o unico que tenho a certeza que vai sempre existir
    campos.find('input').val(''); // por o valor dos inputs dos novos campos (nome/email) vazios para o caso de termos preenchido já nos primeiros inputs ($('.campos').eq(0))
    $('input[type="submit"]').before(campos);
});

Depois de submeter o formulário.

Servidor (PHP) EX:

print_r($_POST['names']); // array('miguel', 'patricia', 'claudia');
print_r($_POST['emails']); // array('[email protected]', '[email protected]', '[email protected]');
//$

Aqui atenção que devemos fazer validações para cada um dos nomes/emails, nem que seja só se estão vazios e/ou passar por algum tipo de sanitização

Exemplo no jsfiddle

Miguel
  • 29,5mil
  • 5
  • 43
  • 80