Mon JavaScript - validation de nombre

Valider des nombres dans un formulaire
Le formulaire ci-dessous propose divers contrôle sur des nombre
et vérifie d'abord s'il s'agit bien de nombre.

Il suffit de diviser le nombre par 0. Si c'est un nombre le résultat sera évidemment 0. Dans le contraire le résultat sera la valeur NaN (Not a Number).

Ce script peut facilement compléter " Valider un Formulaire d'Envoi de Mail "

Choisir un nombre de 1 à 15
Choisir un nombre pair
Choisir un nombre à 4 chiffres

Insérez le code ci-dessous dans l'entête de votre page (entre les balises<head> ... </head>)

Les conditions sont imbriqués : il ne sera pas indiqué que la répons n'est pas un nombre si il n'y a pas de réponse.

if ( document.ecrire.nbre1.value.length < 1) nom du formulaire - nom du champ

Traduction des conditions

if ( document.ecrire.nbre1.value.length < 1) = Si la réponse à moins d'un caractère

if ( document.ecrire.nbre1.value*0 !=0) = Si la réponse/0 est différente de 0 (si ce n'est pas un nombre)

if (( document.ecrire.nbre1.value < 1)||(document.ecrire.nbre1.value > 15)) = Si la réponse est plus petite que 1 et plus grande que 15

if ( Math.round(document.ecrire.nbre2.value/2) != document.ecrire.nbre2.value/2) = Si la réponse divisée pa 2 et Arrondie à l'entier le plus proche est différente de la réponse divisée par 2 (si ce n'est pas un nombre pair)

if ( document.ecrire.nbre3.value.length > 4) = Si la réponse à plus de 4 caractères

Insérez le code du formulaire ci-dessous dans votre page Web entre les balises <BODY> et </BODY> et corrigez le comme suit

<form method="POST" action="#" name="ecrire" onSubmit="return valider();">
<div align="center">
</div>
<table width="500" border="0" align="center">
<tr>
<td valign="top">Choisir un nombre de 1 à 15</td>
<td valign="top">
<input name="nbre1" type="text" size=30 maxlength=50>
</td>
</tr>
<tr>
<td valign="top">Choisir un nombre pair</td>
<td valign="top">
<input name="nbre2" size=30 maxlength=50>
</td>
</tr>
<tr>
<td valign="top">Choisir un nombre à 4 chiffres</td>
<td valign="top">
<input name="nbre3" type="password" size=30 maxlength=50>
</td>
</tr>
</table>
<table width="500" border="0" align="center">
<tr>
<td width="250">
<div align="center">
<input type=submit value="Envoyer" name="submit">
</div>
</td>
<td width="250">
<div align="center">
<input type="reset" value="Effacer" name="reset">
</div>
</td>
</tr>
</table>
</form>

nom du formulaire - nom du champ

action="#" indiquer la page qui traite les réponses à votre formulaire ( un service de traitement de mails)

Dans la balise form de votre formulaire appeler la fonction ci dessus : onSubmit="return valider();"

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site