Como fazer - Validação JS para campos vazios
Saiba como adicionar validação de formulário para campos de entrada vazios com JavaScript.
Validação de formulário para entradas vazias
Etapa 1) Adicionar HTML:
Exemplo
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
Etapa 2) Adicionar JavaScript:
Se um campo de entrada (fname) estiver vazio, esta função alerta uma mensagem e retorna false, para evitar que o formulário seja enviado:
Exemplo
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}