Validação de formulários HTML com JavaScript

Aprenda a fazer uma validação simples em um fomulário contendo dois campos: nome e idade.

Primeiramente, é preciso entender que usaremos aqui duas linguagens diferentes em nosso código, HTML e Javascript.

HTML:

A parte em HTML corresponde ao corpo da página, ela irá englobar as caixas de texto, botões e textos. A grosso modo, podemos dizer que será responsável por aquilo que o usuário verá na tela.

Carregando esta página no navegador, ela ficará desta forma:

JavaScript:

Tendo feito isso, precisamos agora do JavaScript, que contém os códigos que darão "vida" à página. É com o JS que dizemos aos nossos elementos como eles devem se comportar quando utilizados.

Esta parte do código contém as condições de envio do formulário. Códigos utilizando comandos JavaScript necessitam estar dentro da tag <script>.

Unindo os códigos:

Por fim, para que trabalhem em conjunto devemos linkar o código JS com o HTML. Para isso, podemos incluir o script dentro do cabeçalho da página inicial.

O que o código faz na prática?

Como estamos tratando de um código simples, ele irá apenas verificar se os campos foram preenchidos, além disso, só irá enviar o formulário quando a idade for numérica e o nome possuir no mínimo 3 caracteres.

#html #javascript #programação