Tem como, antes do formulário ser enviado, eu pegar os valores de cada input do formulário usando o jQuery?
1 Resposta
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>
submit
, e dependendo do que precisa fazer com os valores, pode simplesmente serializar o form, algo assimvar valores = $("form").serializeArray()