Ir para conteúdo
Fórum Script Brasil
  • 0

Formulário dinâmico em html

melima

Perguntado por melima,

 Share

Pergunta

melima

melima

Postado
Postado

Boas! Preciso criar uma formulário em html que permita ao utilizador definir quantos campos precisa preencher. Explicando, tenho um formulario com determinada estrutura e o que eu pretendo e o utilizador tenha a possibilidade de expandir o mesmo, criando um igual, mas a baixo do já existente!

Espero ter conseguido explicar o que pretendo.

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
melima

melima

Postado
  • Autor
Postado

è o seguinte para quem precisar:

Ficheiro formDinamico.js

$(function () {

function removeCampo() {

$(".removerCampos").unbind("click");

$(".removerCampos").bind("click", function () {

i=0;

$(".dados p.campoDados").each(function () {

i++;

});

if (i>1) {

$(this).parent().remove();

}

});

}

removeCampo();

$(".adicionarCampos").click(function () {

novoCampo = $(".dados p.campoDados:first").clone();

novoCampo.find("input").val("");

novoCampo.insertAfter(".dados p.campoDados:last");

removeCampo();

});

});

Ficheiro html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://www.tecnowarez.com/arquivos/jquery/jquery.min.js"></script>

<script type="text/javascript" src="teste.js"></script>

</head>

<body>

<form action="enviar.php" method="post">

<div class="dados">

<p class="campoDados">

<input type="text" name="nome[]" />

<input type="text" name="telefone[]" />

<a href="#" class="removerCampos">Remover Campos</a>

</p>

</div>

<p>

<a href="#" class="adicionarCampos">Adicionar campos</a>

</p>

<input type="submit" value="enviar">

</form>

</body>

</html>

Em baixo segue o link de onde eu tirei o exemplo e depois adaptei ás minhas necessidades.

http://www.tecnowarez.com/tag/formulario-dinamico/

Obrigada!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...