Comment vérifier les nombres ?

**Mactor** · 12/04/2012, 20h16

Bonjour

Voilà je coince avec cet exo et j'ai besoin de votre éclairage.

Ecrire un formulaire qui contient deux champs, min et max qui correspondent à une fourchette de prix. Quand le bouton submit est pressé le formulaire est envoyé à la page http://vente.com/...en mode POST
Ecrire le formulaire ainsi que le code javascript de validation qui doit :
- vérifier que min et max sont bien des nombres
- vérifier que min est inférieur à max
- en cas de problème afficher un alert expliquant ce qu'il faut corriger

Je commence :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
         <head>
         <script src="exos js></script>
            <title>Prix</title>
 
       </head>
 
           <body>
   <h1>Prix</h1>
 
         <form action ="http..."
         method= POST
       On submit="returnverif()"
   >
 
      <label for="Min">Min</label>
      <input type="texte" name="Min" id="Min"/>
      <br/>
      <label for="max">Max</label>
      <input type="texte" name="Max" id="Max"/>
 
   function verif Nombre () {
 
   var Nombre=ParseInt(document.getElementById(Min).value);

et la je sèche...j'ai besoin d'aide s'il vous plait, merci

Comment indiquer que min et maX sont bien des nombres ?
Une boucle if et dans ma mémoire avec IsNan mais je ne vois pas la suite...

**javatwister** · 13/04/2012, 08h14

wow, c'est le jeu des 300 erreurs ton truc ou t'as pris un acide avant de poster?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form action ="" method="post" onsubmit="return verif(this.elements)">
	<div>
		<label for="min">Min</label>
		<input type="text" name="min" id="min" />
		<br />
		<label for="max">Max</label>
		<input type="text" name="max" id="max" />
	</div>
	<div>
		<input type="submit" />
	</div>
</form>
 
<script type="text/javascript">
 
function verif(f) {
	return parseInt(f["min"].value,10) < parseInt(f["max"].value,10)
} 
 
</script>

**Mactor** · 13/04/2012, 20h44

j'ai remis de l'ordre dans mes idées...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
	<head>
		<script src="exos.js" type="text/javascript"></script>
		<script type="text/javascript">
			function returnverif() {
				var min = ParseInt(document.getElementById(min).value);
				var max = ParseInt(document.getElementById(max).value);
			}
		</script>
		<title>Prix</title>
	</head>
	<body>
		<h1>Prix</h1>
		<form action="http://vente.com/page.php" method="POST" onsubmit="returnverif()">
			<label for="min">Minimum</label>
			<input type="text" name="min" id="min"/><br/>
			<label for="max">Maximum</label>
			<input type="text" name="max" id="max"/>
		</form>
	</body>
</html>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function verif_form() {
    var min = document.getElementById('Min').value;
    var max = document.getElementById('Max').value;
    if(isNaN(min) || isNaN(max)) {
        alert("Veuillez entrer des nombres.");
        return false;
    } else if(min > max) {
        alert("Min est plus grand que Max.");
        return false;
    } else {
        return true;
    }
}

Mon problème c'est pour ça : une modif du code initial pour vérifier le formulaire.
Lorsque l'une des deux valeurs n'est pas un entier, le champ est encadré en rouge
et si la valeur est correcte, donc c'est un entier, le cadre rouge n'apparait pas.

J'aimerais utiliser les fonctions du DOM pour faire cela
si le champ du formulaire devient rouge c'est bon !

**oceane751** · 14/04/2012, 23h02

avec isNaN()

**NoSmoking** · 14/04/2012, 23h02

Bonsoir,
attention au faux amis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
alert( 'lettre :\n'  +isNaN('A')); // affiche true
alert( 'chiffre :\n' +isNaN('1')); // affiche false
alert( 'espace :\n'  +isNaN(' ')); // affiche false
alert( 'vide :\n'    +isNaN(''));  // affiche false

J'aimerais utiliser les fonctions du DOM pour faire cela...

avec un ajout de class CSS cela est jouable.

Comment vérifier les nombres ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager