Cómo HACER - Validación JS para campos vacíos
Aprenda a agregar validación de formulario para campos de entrada vacíos con JavaScript.
Validación de formulario para entradas vacías
Paso 1) Agregar HTML:
Ejemplo
<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>
Paso 2) Agregar JavaScript:
Si un campo de entrada (fname) está vacío, esta función alerta con un mensaje y devuelve falso para evitar que se envíe el formulario:
Ejemplo
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}