JS - Validar entrada de datos
HTML
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript puede validar datos</h1>
<p>Introduce un número del 10 al 20:</p>
<input id="numb">
<button type="button" onclick="myFunction()">Enviar</button>
<p id="enviar"></p>
<script>
function myFunction() {
var x, text;
// Coge el valor del número introducido en el input con el id="numb"
x = document.getElementById("numb").value;
// Si x no es un número o es menor que 1 o mayor que 10 actua el if, sino, la estructura condicional pasa al else
if (isNaN(x) || x < 10 || x > 20) {
text = "Entrada no válida";
} else {
text = "Entrada OK";
}
document.getElementById("enviar").innerHTML = text;
}
</script>
</body>
</html>