Discussion :

[Emcy]

bonjour,

Je voudrais créer une zone de texte qui n'accepte que des chiffres non negatifs.
Je voudrais que la zone de texte n'accepte que 4 chiffres au maximum.
Si le nombre est suppérieur à 4096, je voudrais qu'il soit tout de remplacé par le nombre 4096.

Comment faire ?

Pour la taille de la textebox (4 caractères), comment est-ce défini ? en html, css ou javascript ?

[E.Bzz]

Bonjour,

Code :

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

<input type="text" onchange="this.value=(parseInt(this.value)>4096)?4096:this.value;" onkeyup="if (this.value.length>4) {alert('4 max !');return false;}">

Comme ça ?

A+

[Emcy]

... ça ressemble

actuellement, avec ta fonction, on peut entrer des lettres => je veux que lorsqu'on tape une lettre (ou qu'on fasse un copier/coller d'une lettre) que celle-ci ne soit pas prise en compte.
je veux aussi (qu'a la place d'afficher un message) que si on rentre plus de 4 caractères, les caratères supplémentaires soient bloqués

pour l'affichage de la taille de la zone, c'est sur le css qu'il faut jouer ? comment fait-on pour que la taille corresponde à 4 caratères ?

[E.Bzz]

actuellement, avec ta fonction, on peut entrer des lettres
je veux que lorsqu'on tape une lettre (ou qu'on fasse un copier/coller d'une lettre) que celle-ci ne soit pas prise en compte.

Code :

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

this.value=(parseInt(this.value)>4096)?4096:((isNaN(this.value))?'':this.value);

je veux aussi (qu'a la place d'afficher un message) que si on rentre plus de 4 caractères, les caratères supplémentaires soient bloqués

Tu peux peut-être adapter un peu, non ?

pour l'affichage de la taille de la zone, c'est sur le css qu'il faut jouer ? comment fait-on pour que la taille corresponde à 4 caratères ?

Tel quel, pas efficace (en nb de car.). Définis le en "px" (style="width:20px;" au cas où )

A+

[Emcy]

sur un keydown, comment fait-on pour connaitre le caratère entré et selon une condition, le bloquer ?

=> le problème du keyup ou du onchange, c'est qu'on voit le caractère s'afficher avant qu'il s'efface => ça fait pas très bien...

définir la taille d'une textbow en px, est-ce vraimment une bonne solution ? => si l'utilisateur change la taille du texte, les caractères risquent de ne pas rentrer, non ?

[Emcy]

j'arrive à récuperer la touche qui à été pressée mais je n'arrive pas à la bloquer :

Code :

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

1
2
3
4
5
6
7
8
function CtrlSaisie(MyEvent)
{
	if (!((96 <= MyEvent.keyCode) && (MyEvent.keyCode <= 105))){ // touches chiffres
		if ((MyEvent.keyCode != 8) && (MyEvent.keyCode != 46)){ /// touches backspace et suppr
			//MyEvent.keyCode = null; // ne marche pas
		}
	}
}

Code html :

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

<input type="text" onkeydown="CtrlSaisie(event);">

[E.Bzz]

définir la taille d'une textbow en px, est-ce vraimment une bonne solution ?

Le CSS est le + adapté pour l'aspect graphique (c'est fait pour).

=> si l'utilisateur change la taille du texte, les caractères risquent de ne pas rentrer, non ?

Là ça devient son pb, pas le tien !
Il peut aussi réduire sa fenêtre en 10px X 10px : tu veux pouvoir le gérer aussi ?

Sur les prototypes, je peux pas t'aider. Mais je pense que tu devrais passer le "this" en param de ta fonction. L'appeler de l' "intérieur" pose pb ...

A+