0

Olá! É o seguinte, no meu formulário, estou tentando obter o valor digitado pelo usuário no input da maneira abaixo:

// jQuery
function teste() {
var nome = $("#nome").val();
alert(nome); 
}

// HTML
<form method="post" action="#">
   <div class="field half first">
        <label for="nome">Nome</label>
        <input type="text" name="nome" id="nome">
   </div>
   <div class="field half">
        <label for="sobrenome">Sobrenome</label>
        <input type="text" name="sobrenome" id="sobrenome">
   </div></form>
<button onClick="teste()">Teste</button>

Mas não retorna nenhum valor, gera um alert() em branco, independente do que o usuário tiver digitado. Alguém sabe o que pode ser? Caso seja útil, estou usando o Codeigniter

2
  • Isso pode acontecer caso você tenha mais de um elemento com o mesmo ID. Commented 6/03/2018 às 2:09
  • Verifiquei essa possibilidade, mas só há um elemento com o ID mesmo Commented 6/03/2018 às 2:57

2 Respostas 2

1

Pode fazer assim que traz o valor do campo sem uso do JQuery:

function teste() {
   var nome = document.getElementById("nome").value
   alert(nome); 
}
1
  • Tentei, mas também retornou vazio. Parece que ele só retorna o valor do atributo value="" se for inserido, ai como não inseri, volta vazio Commented 6/03/2018 às 19:12
0

Use jquery, no lugar desse onlick coloque uma Id <button id="teste">Teste</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" action="#">
   <div class="field half first">
        <label for="nome">Nome</label>
        <input type="text" name="nome" id="nome">
   </div>
   <div class="field half">
        <label for="sobrenome">Sobrenome</label>
        <input type="text" name="sobrenome" id="sobrenome">
   </div></form>
<button id="teste">Teste</button>

<script type="text/javascript">
    $("#teste").click(function() {
    var nome = $("#nome").val();
    alert(nome); 
    });
 </script>
2
  • Também não vai, parece que ele so consegue trazer o valor do atributo value="" e se ele não estiver, ai retorna vazio Commented 6/03/2018 às 19:09
  • se o valor estiver vazio vc precisa validar com um if($("#nome").val() == null) faca alguma coisa... mas o seu problema era o button que nao estava funcionando certo?
    – HudsonPH
    Commented 7/03/2018 às 6:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .