Neste artigo você vai aprender a como pegar dados de formulário com JavaScript, com apenas uma única função da linguagem
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!