Validación de datos.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>¿Qué puede hacer JavaScript?</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>JavaScript puede validar data</h2>
<p>Por favor, introduce un número entre 1 y 10:</p>
<input id="numb">
<button type="button" onclick="myFunction()">Enviar</button>
<p id="demo"></p>
<script>
function myFunction() {
var x, text;
x = document.getElementById("numb").value;
if (isNaN(x) || x < 1 || x > 10) {
text = "No has introducido lo que hemos pedido.";
} else {
text = "Lo que has escrito se corresponde con las condiciones.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</html> |
El cuarto ejemplo que nos encontramos en la página de introducción de
W3Schools.
La caja de texto para introducir datos se hace con
<input>. Lo identificamos con un
id.
Establecemos una función en la que primero declaramos una variable
x que cargará lo que se introduzca en el
input. Es lo que hace el
document.getElementById("numb").value.
Luego declaramos con un condicional que si esa variable es
isNaN (No un Número) o es un número menor que 1 o es mayor que 10 ( el
o se escribe con dos barras verticales:
| | ), entonces el texto de salida es un mensaje negativo.
En otro caso, el mensaje es positivo.
El mensaje se cargará en el párrafo
p actualmente vacío pero identificado con la
id "demo".
No hay comentarios:
Publicar un comentario