JavaScript

Como pegar dados de formulário com JavaScript

31 de janeiro de 2022

Como pegar dados de formulário com JavaScript

Neste artigo você vai aprender a como pegar dados de formulário com JavaScript, com apenas uma única função da linguagem

pegar dados de formulário com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre formulários e JavaScript!

Para extrair os dados de um form com JS vamos precisar fazer duas coisas

Primeiramente selecionar o elemento do formulário, podemos fazer isso com querySelector

E depois transformar esse elemento em uma instância de FormData

E então conseguimos pegar os valores de um input com o método get, desta instância

Veja um exemplo prático do que foi explicado:

const formData = new FormData(document.querySelector('form'))

const inputValue = formData.get("name")

console.log(inputValue)

No caso acima selecionamos o form e criamos a instância, como explicado anteriormente

E por fim extraímos o valor de um campo que contém o atributo name como name, simbolizando o nome de um usuário, por exemplo

No seu caso você deve adequar a extração ao nome dos campos do seu formulário

Simples não é? 🙂

Conclusão

Neste artigo você aprendeu a como pegar dados de formulário com JavaScript

Utilizamos a classe FormData, que serve justamente para isso

Podemos trabalhar os inputs de um formulário em uma abordagem facilitada utilizando objetos e métodos

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x