Discussion :

[alfred5]

Bonjour;
j'ai un champ de text avec comme id 'resultat' et je voudrai tester sur cette valeur avant d'envoyer les données du formulaire.
mon objectif est de tester si cette valeur est comprise entre 0 et 20 avec (0<x<20).
comment je pourrai réaliser ce test avec jquery?
merci

[NoSmoking]

Bonjour,

comment je pourrai réaliser ce test avec jquery?

pourquoi vouloir utiliser jQuery qui n'est autre que du javascript?

jQuery ne fera pas tout ce donc tu auras besoin, de temps en temps il faut mettre la main à la pâte.

jQuery. La bibliothèque qui simplifie l'interaction

[alfred5]

Ok
un aide SVP en utilisant js

[NoSmoking]

c'est du basique

Code :

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

1
2
3
4
5
var valeur = $('#id_champ').val(); // retourne une chaine
valeur = parseInt( valeur, 10);    // parseFloat si flottant
if(( valeur < 0) || (valeur > 20)){
  alert('Allo! Houston on a un problème...');
}

ou un truc approchant

[alfred5]

Bonjour NoSmoking;
merci pour votre réponse. bon; j'ai mis le code dans un fichier html :

Code :

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

1
2
3
4
5
6
7
var valeur = '12hj'; // retourne une chaine
valeur = parseInt( valeur, 10);    // parseFloat si flottant
if(( valeur < 0) || (valeur > 20)){
	alert('note invalide');
}else{
	alert('note valide');
}

si la valeur du variable 'valeur' est égale à 12hj comme cité ci-dessus, le code retourne 'note valide'.
mon objectif est de tester si la valeur entrée est réel alors c'est bien si non il faut retourner une erreur.
pour cela, j'ai utilisé la fonction isNAN; il fonctionne bien.
merci pour votre collaboration.

[NoSmoking]

ou un truc approchant

la moindre des choses est effectivement de faire un test sur la valeur avant son utilisation.

Tu pourrais envisager d'obliger la saisie de chiffres Comment n'autoriser que la saisie de chiffres dans un champ texte ?.

Tu pourrais mettre un SELECT qui obligerait à une sélection de 0 à 20.

Tu pourrais utiliser un INPUT de type="number" en fixant les attributs mini et maxi, HTML5 pas encore crossBrowsers.

Quoiqu'il en soit si tu considères que tu a ta réponse, pense au bouton