Entrar Ainda não tem acesso?
5
respostas

dados entre inputs

por Matheus Dourado Viana
| 39.4k xp | 17 posts

Estou com duvidas manipulação de dados do input. Estou criando um formulário com alguns input, entretanto, quero implementar o modal para que o usuario tenha certeza dos dados que irá enviar para o banco. Já tentei com o PHP e com Javascript, porém sem sucesso. Poderiam me ajudar ?

<form>
    <!--input digitado pelo usuário -->
    <input type="text" id="nome" placeholder="digite seu nome"> 

    <!--Evento causado pelo efeito do modal-->
    <button type="button" data-toggle="modal" data-target="#meuModal">Verificar dados</button>  <hr>

    <!--campo onde deveria ter o digitado pelo usuario-->
    <input type="text" id="nome"  value="nome digitado" disabled> 

    <button type="submit">Enviar</button>
</form>
5 respostas
por Wanderson Macêdo
| 3964.9k xp | 8086 posts
Instrutor Desenvolvedor

Oi Matheus, como você pretende fazer esse modal? Explica pra mim por favor, você está usando bootstrap ou coisa do tipo?

por Matheus Dourado Viana
| 39.4k xp | 17 posts

estou utilizando o boostrap v4

por Wanderson Macêdo
| 3964.9k xp | 8086 posts
Instrutor Desenvolvedor

Certo, neste caso, o modal já funciona mas não mostra os dados. É isso mesmo? Tipo, o modal aparece em branco?

por Matheus Dourado Viana
| 39.4k xp | 17 posts

exatamente, só mostra os dados em branco

por Wanderson Macêdo
| 3964.9k xp | 8086 posts
Instrutor Desenvolvedor

Matheus, neste caso, você precisa anexar os dados dos inputs do formulário na div que é o modal quando o botão for clicado. Vou assumir que você já conhece o jQuery. Caso não, fica a recomendação de fazer os cursos de jQuery aqui na Alura.

Eu escrevi um código exemplo, talvez funcione no seu caso.

Só lembra que você não pode ter duas tags com o mesmo id, você tem dois inputs com id nome. 

$('button[data-toggle="modal"]').click(function(event){
    $("#meuModal").append(
        $('#nome').val()
    );
});