0

Tem como, antes do formulário ser enviado, eu pegar os valores de cada input do formulário usando o jQuery?

4
  • sim, só tratar o evento submit, e dependendo do que precisa fazer com os valores, pode simplesmente serializar o form, algo assim var valores = $("form").serializeArray() Commented 30/04/2019 às 10:17
  • Sim, com .serialize()
    – Sam
    Commented 30/04/2019 às 10:20
  • Legal, pelo que entendi o serialize vai trazer tudos os campos que posso colocar em uma variável né? Aí eu uso split pra separar o valor de cada campo? Commented 30/04/2019 às 10:42
  • Vc quer os valores separados numa array?
    – Sam
    Commented 30/04/2019 às 12:36

1 Resposta 1

2

Usando .serializeArray() você irá criar um array de objetos onde cada objeto terá dois pares de valores:

[{
   "name": "nome do elemento",
   "value": "valor do elemento",
}]

Por exemplo, se eu tenho o input:

<input type="text" name="nome" value="Fulano de Tal">

O resultado seria:

[{
   "name": "nome",
   "value": "Fulano de Tal",
}]

Se você quiser pegar apenas os value dos objetos e guardar numa outra array, basta usar for...of. Exemplo:

$("form").submit(function(e){
   e.preventDefault();
   var valores = []; // array para guardar os valores
   for(var valor of $(this).serializeArray()){
      valores.push(valor.value);
   }
   console.log(valores);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form> 
   <input type="text" name="nome" value="Fulano de Tal">
   <br>
   <input type="text" name="email" value="[email protected]">
   <br>
   <button>Enviar</button>
</form>

1
  • show, é isso mesmo que eu precisava, obrigado! Commented 30/04/2019 às 13:17

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 .