Matheus Saad Postado Agosto 22, 2017 Denunciar Share Postado Agosto 22, 2017 (editado) Então, estou tendo que fazer um formulário em HTML e puxar as informações dos inputs login e senha, os ids deles é login e senha respectivamente. digitei o script pra fazer o alert: <script type="text/javascript"> var teste1 = document.getElementById('login'); var teste2 = document.getElementById('senha'); var json = '{"login": teste1,"senha": teste2}'; var dados = JSON.parse(json); function teste() { alert("Login: " + dados.login + "\nSenha: " + dados.senha); } </script> para que ele imprima na tela o alert com o login e senha digitados no form. só que ao instanciar a variável teste1 e teste2, o alert parou de aparecer.. quando eu estava usando: var json = '{"login": "teste1","senha": "teste2"}'; desta forma ele aparece como resposta teste1 e teste2 no alert, porém quando instancio a variável ele para de mandar o alert... alguma ideia? fico no aguardo. e agradeço desde já! Atenciosamente. @edit segue o meu HTML para verem melhor. <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="css.css" type="text/css"> <script type="text/javascript" src="./pub/jquery-1.2.6.min.js"></script> <script type="text/javascript"> var teste1 = document.getElementById('login'); var teste2 = document.getElementById('senha'); var json = '{"login": teste1,"senha": teste2}'; var dados = JSON.parse(json); function alerta() { alert("Login: " + dados.login + "\nSenha: " + dados.senha); } </script> </head> <body> <div class="py-5 w-100 h-100"> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="" method="post" name="form"> <div class="form-group"> <label>Login</label> <input type="login" placeholder="Digite seu login" name="login" class="form-control" id="login"> </div> <div class="form-group"> <label>Senha</label> <input type="password" placeholder="Digite sua senha" name="senha" class="form-control" id="senha"> </div> <button type="submit" class="btn btn-primary" onClick="alerta()">Entrar</button> <button type="reset" class="btn btn-cancel btn-warning">Cancelar</button> </form> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script> </body> </html> Editado Agosto 22, 2017 por Matheus Saad Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Markus Magnus Postado Agosto 23, 2017 Denunciar Share Postado Agosto 23, 2017 Faltou acessar a propriedade value. var teste1 = document.getElementById('login').value; var teste2 = document.getElementById('senha').value; Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Matheus Saad
Então, estou tendo que fazer um formulário em HTML e puxar as informações dos inputs login e senha, os ids deles é login e senha respectivamente.
digitei o script pra fazer o alert:
<script type="text/javascript"> var teste1 = document.getElementById('login'); var teste2 = document.getElementById('senha'); var json = '{"login": teste1,"senha": teste2}'; var dados = JSON.parse(json); function teste() { alert("Login: " + dados.login + "\nSenha: " + dados.senha); } </script>para que ele imprima na tela o alert com o login e senha digitados no form.
só que ao instanciar a variável teste1 e teste2, o alert parou de aparecer.. quando eu estava usando:
var json = '{"login": "teste1","senha": "teste2"}';
desta forma ele aparece como resposta teste1 e teste2 no alert, porém quando instancio a variável ele para de mandar o alert...
alguma ideia?
fico no aguardo.
e agradeço desde já!
Atenciosamente.
@edit
segue o meu HTML para verem melhor.
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="css.css" type="text/css"> <script type="text/javascript" src="./pub/jquery-1.2.6.min.js"></script> <script type="text/javascript"> var teste1 = document.getElementById('login'); var teste2 = document.getElementById('senha'); var json = '{"login": teste1,"senha": teste2}'; var dados = JSON.parse(json); function alerta() { alert("Login: " + dados.login + "\nSenha: " + dados.senha); } </script> </head> <body> <div class="py-5 w-100 h-100"> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="" method="post" name="form"> <div class="form-group"> <label>Login</label> <input type="login" placeholder="Digite seu login" name="login" class="form-control" id="login"> </div> <div class="form-group"> <label>Senha</label> <input type="password" placeholder="Digite sua senha" name="senha" class="form-control" id="senha"> </div> <button type="submit" class="btn btn-primary" onClick="alerta()">Entrar</button> <button type="reset" class="btn btn-cancel btn-warning">Cancelar</button> </form> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script> </body> </html>
Editado por Matheus SaadLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.