Discussion :

[doubiste_59]

Bonjour,
Je fais un formulaire avec plusieurs zones de texte et je voudrais pouvoir empêcher l'utilisateur de rentrer dans ces zones autre chose que des numéros.
De plus, il faudrait qu'il ne puisse entrer que des nombres décimaux corrects, avec un seul point autorisé pour faire la virgule (je pense que je saurais me débrouiller pour ça si je sais comment faire pour entrer uniquement des numéros).
Merci à l'avance pour vos réponses.

[tusssss]

Cherche de la documentation sur les expressions régulières.

Ou alors :

une autre solution ici

[SpaceFrog]

Oui ce ne sont pas les scripts ou les librairies qui manquent ! le sujet a été abordé maintes fois ...
Il y a de nombreux exemples sur ce forum... un recherche s'impose !

voir la FAQ ou les contributions
Perso j'ai mis en ligne une contribution en jquery pour bloquer une saisie monétaire ...

[doubiste_59]

Merci de votre aide, je peux faire en sorte que seuls des nombres soient rentrés mais j'ai toujours un problème dès que je veux contrôler l'utilisation du séparateur. Voici mon code:

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
 
champ = document.getElementById(field);
 
// si on a appuyé sur point ou virgule
if ((event.keyCode <= 44 && event.keyCode >= 44) || (event.keyCode <= 46 && event.keyCode >= 46)) {
        // si le champ est vide ou s'il y a déjà un séparateur (point), 
	// on empeche l'ecriture
	if(champ.value = '' || champ.value.indexOf('.') > 0) {
		event.returnValue = false;
		event.cancelBubble = true;
	}
	// sinon on met un point
	else{
		event.keyCode = 46;
	} 
}
// si ce n'est pas un chiffre, on empeche l'ecriture
else if (event.keyCode < 48 || event.keyCode > 57) {
	event.returnValue = false;
	event.cancelBubble = true;
}

Avec ça, il m'efface tout le champ dès que je rentre un point ou une virgule et il veut pas non plus me transformer la virgule en point.

[tusssss]

Code :

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

champ.value == ''

Pour une comparaison de valeurs, on utilise l'opérateur ==

[doubiste_59]

Ah oui, merde, en ce moment je code en plusieurs langages et d'autres n'utilisent pas le ==, je m'embrouille parfois. Merci.
Dernier problème : la ligne

Code :

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

 event.keyCode = 46;

pour forcer à mettre un point ne fonctionne pas. Ca doit pas se dire comme ça ...

[tusssss]

En effet, remplace le par un :

Code :

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

champ.value +=".";

[doubiste_59]

Merci beaucoup pour ton aide, ça marche nickel maintenant ... enfin presque.
Il y a encore un cas que je n'arrive pas à gérer, c'est celui du copier-coller. Tant que l'utilisateur rentre les nombres normalement c'est bon mais on sait jamais, si l'envie lui prenait de faire un copier-coller d'un texte, la y a plus aucun contrôle.
Mais je sais pas si c'est possible d'empêcher un copier-coller, si ?

[tusssss]

Et bien en bloquant, l'appui sur la touche Ctrl et en empêchant le clic droit, tu dois bien pouvoir bloquer tout ça...Mais c'est une solution un peu extrême.

Le plus conventionnel, serait de faire un test juste avant d'envoyer ton formulaire et de vérifier si tes données correspondent à ce que tu veux.

Il y a de la documentation la dessus, je crois même que SpaceFrog à réalisé une contribution sur la validation de formulaire en passant par un onSubmit, à toi de chercher dans les contributions, la FAQ, etc...

Et si tu ne trouves pas, j'ai déjà un peu cherché.

[doubiste_59]

Ok, merci, je vais regarder pour le test.