http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


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>)

<script language="JavaScript">
<!--
//PLF- http://www.monjavascript.net/
function valider() {
var form_err = " "
//1ere reponse
if ( document.ecrire.nbre1.value.length < 1) {
form_err += "Veuillez repondre à la 1ere question - ";
}
else{ //si il y a une répone
if ( document.ecrire.nbre1.value*0 !=0) {
form_err += "la 1ere reponse n'est pas un nombre - ";
}
else{ //si c'est un nombre
if (( document.ecrire.nbre1.value < 1)||(document.ecrire.nbre1.value > 15)) {
form_err += "le 1er nombre n'est pas compris entre 1 et 15 - ";
} } }
//2eme reponse
if ( document.ecrire.nbre2.value.length < 1) {
form_err += "Veuillez repondre à la 2eme question - ";
}
else{ //si il y a une répone
if ( document.ecrire.nbre2.value*0 !=0) {
form_err += "la 2eme reponse n'est pas un nombre - ";
}
else{ //si c'est un nombre
if ( Math.round(document.ecrire.nbre2.value/2) != document.ecrire.nbre2.value/2) {
form_err += "la 2eme reponse n'est pas un nombre pair - ";
} } }
//3eme reponse
if ( document.ecrire.nbre3.value.length < 1) {
form_err += "Veuillez repondre à la 3eme question - ";
}
else{ //si il y a une répone
if ( document.ecrire.nbre3.value*0 !=0) {
form_err += "la 3eme reponse n'est pas un nombre - ";
}
else{ //si c'est un nombre
if ( document.ecrire.nbre3.value.length < 4) {
form_err += "le 3eme nombre à moins de 4 chiffres - ";
}
if ( document.ecrire.nbre3.value.length > 4) {
form_err += "le 3eme nombre à plus de 4 chiffres - ";
} } }
//verif form_err
if ( form_err != " ") {
alert(form_err);
return false;
}
alert("Le formulaire est bien rempli");
return true
}
//-->
</script>

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 &agrave; 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 &agrave; 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

 
 
Mon javascript    20-09-2018