Comment vérifier les nombres ?

Version imprimable

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:

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

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

Code:

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>

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

Code:

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:

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 !

14/04/2012, 23h02
oceane751

avec isNaN()

Bonsoir,
attention au faux amis
Code:

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
Citation:

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

avec un ajout de class CSS cela est jouable.