<!DOCTYPE html>

<html>

<head>

	<script>

		function maFonctionTest() {

			var x, text=null;

			// On récupere la valeur du champ id="nombre"
			x = document.getElementById("nombre").value;

			// on vérifie que c'est bien rempli
			if (x=="")
				{
					alert("Le champ de saisi n'est pas rempli");
				}
			else
				{
					// On teste si c'est un nombre et si c'est compris entre 0 et 100
					if (isNaN(x) || x < 0 || x > 100) 
						{
							text = "Entrée non valide";
						}
					else 
						{
							text = "Entrée correcte";
						}
				}

			// on affiche un message dans la page à un endroit particulier
			document.getElementById("statut").innerHTML = text;
		}
	</script>

</head>

<body>
	<h3>JavaScript pour valider une entrée</h3>
	<p>Entrez un nombre entre 0 et 100 : </p>
	<input id="nombre" type="text">
	<button type="button" onclick="maFonctionTest()">Contrôler !</button>
	<p id="statut"></p>
</body>

</html>
voir
JavaScript Contrôle de saisie
