Ir ao conteúdo
  • Cadastre-se
Entre para seguir isso  
Anonn

PHP Criar formulário que adiciona valores em uma tabela e depois no banco de dados!

Recommended Posts

Estou criando um formulário onde você faz um cadastro inserindo 5 dados(5 campos), e então ao apertar o botão "Adicionar", esses dados seria adicionados em um "table" abaixo onde mostra os dados(que os campos foram cadastrados e validados) e possa ser editado ou removido, enquanto os outros 5 campos ficam vazios para adicionar mais dados, e assim até o usuário clicar em "Cadastrar" onde ele cadastraria todos os dados do "table" no banco com o nome do formulário.

 

O código está assim:

<div class="content">
    <div class="container">
        <div class="row">
            <?php require_once 'templates/message.php';?>
            <div id="div-superior" class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
                <div id="registro-publico" class="row btn-c well">

                    <form class="form-horizontal" role="form">

                      <!-- CONTEÚDO AQUI  !-->


                      <!-- BUTTON !-->
                      <div class="form-group">

<div class="col-sm-offset-2 col-sm-10">
<button id="buttons" type="submit" class="btn btn-default">Cancelar </button>
<button id="buttons" type="submit" class="btn btn-default">Adicionar</button>
                        </div>
                      </div>
                    </form>

                </div>
                <div id="div-button-cad">
<button id="button-cad" type="submit" class="btn btn-default">Cadastrar</button>
            </div>



                <div id="div-table-quis-public">

                        <!-- TABELA AQUI !-->

                    </div>


            </div>

        </div>
    </div>
</div> <!-- /container -->

Preciso que o usuário possa cadastrar vários "dados" de acordo com a vontade dele, antes dele clicar em "cadastrar". Dei uma pesquisada e não encontrei como fazer essa interação de como adicionar todos os dados no "table" pro banco.

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Anonn Olá,

 

Basicamente você fará dois processos.

1) Do formulário para uma tabela. Onde nesta tabela o conteúdo é editável. 

2) Pegar os dados de cada linha da tabela e transformar em um  vetor(array) e enviar ao PHP.

O vetor pode ser em JSON. 

 

Enfim...  veja um exemplo de como inserir dados do formulário em uma tabela:

 

https://jsfiddle.net/dife/4pe9nr0d/69/

 

Depois disso, você só precisa pegar os dados da tabela,  criar um vetor de objetos( json) e enviar ao PHP. você pode fazer isso usando o jquery e ajax a função $.ajax()  

 

 

Note no exemplo que o botão finalizar cadastro, mostra na tela o vetor criado.  Com isso você pode enviar ao php com ajax este vetor!

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×