Objectifs
- ِ Découvrir la fonction booléenne isNaN
Introduction
- La fonction isNaN() permet de déterminer si une valeur est NaN. On notera que cette fonction utilise des règles de conversion différentes de Number.isNaN()
- La méthode Number.isNaN() permet de déterminer si la valeur passée en argument est NaN, avec un type Number. Cette version est plus robuste que la méthode de l'objet global isNaN.
Procédure de travail
Syntaxe
- Exemple:
isNaN(valeurÀTester)Renvoie
truesi x n'est pas un nombre, false sinon.var x = prompt("Entrez un nombre"); if(isNaN(x)) alert("Ce n'est pas un nombre"); else alert("Le carré de " + x + " est " + x*x);Exemple
- Dans cet exemple, il nous faut une page HTML qui devra contenir un champ de saisie où l'utilisateur devra saisir son age ( en année), qui bien sûr devra être un nombre.
- La page contiendra également un bouton permettant de valider la saisie de l'utilisateur.
<!DOCTYPE html> <html lang="fr"> <head> <title>Tester si est nombre</title> <meta charset="utf-8"> <style> #bouton {margin-top: 12px;} </style> <script> function VerifierFormulaire() { if ((formulaireAge.Age.value) == '') { alert('Vous devez saisir votre age !') ; } else if (isNaN(formulaireAge.Age.value) == false) { alert('Votre age est :'+formulaireAge.Age.value) ; } else if (isNaN(formulaireAge.Age.value) == true) { alert('Age incohérent') ; } } </script> <body> <h2>Tester si le contenu est nombre</h2> <form name="formulaireAge"> Votre age <input type="text" id="input" name="Age" value=""> ans<br> <input type="button" id="bouton" value="Valider" onclick="VerifierFormulaire()"> </form> </body> </html>