A validação de formulários em JavaScript é uma técnica usada para garantir que os usuários preencham todos os campos necessários em um formulário antes de enviar as informações. Isso é importante para garantir a qualidade dos dados recebidos e evitar problemas com erros de entrada de dados.
Existem algumas maneiras de fazer validação de formulários em JavaScript, mas uma das mais comuns é usar a propriedade onsubmit do formulário para chamar uma função de validação personalizada. A seguir, segue um exemplo simples de como fazer isso:
<!DOCTYPE html>
<html>
<head>
<title>Validação de Formulário em JavaScript</title>
<script>
function validarFormulario() {
var nome = document.forms["meuFormulario"]["nome"].value;
var email = document.forms["meuFormulario"]["email"].value;
if (nome == "" || email == "") {
alert("Por favor, preencha todos os campos!");
return false;
}
}
</script>
</head>
<body>
<h1>Validação de Formulário em JavaScript</h1>
<form name="meuFormulario" onsubmit="return validarFormulario()" method="post">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome">
<br>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email">
<br>
<button type="submit">Enviar</button>
</form>
</body>
</html>Neste exemplo, a função validarFormulario() é chamada quando o formulário é enviado. Essa função usa o método value para obter o valor dos campos “nome” e “email” e verifica se ambos são diferentes de vazio. Se algum dos campos estiver vazio, a função exibe um alerta para o usuário e retorna false, o que impede o envio do formulário.
Esse é um exemplo básico de como fazer validação de formulários em JavaScript. Você pode adaptar esse código para suas necessidades, adicionando mais campos de formulário e verificando outros tipos de entrada de dados, como números de telefone ou endereços.