Discussion :

[Choucas35]

Bonjour,
J'utilise l'�v�nement keypress pour g�rer la frappe 'en live'.
Cependant, je ne sais comment rejeter une frappe incorrecte.

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
	function miseEnForme (evt)
	{
		element = evt.target ;
		c = evt.key ;
		num = element.value ;
		if (! c.match(/[0-9.,]/) || (c.match(/[.,]/) && num.match(/[.,]/)))
		{
			alert("refusé : num = " + num) ;
			element.value = num ;
			return ;
		}		
		num += c ;
		resu = euro.format (num) ;
		et = document.getElementById(element.id +"-txt") ;
		et.value = resu ;
	}

Note : � chaque �l�ment correspond un �l�ment -txt pour visualiser le format en �.

Probl�me : le caract�re frapp� apparait toujours dans le champ. Comment s'en d�barrasser ?

[darkstar123456]

Bonjour,

Le code est pratiquement correct.
Le probl�me est que le comportement par d�faut doit �tre bloqu�
Pour cela, on utilise event.preventDefault();, voici un exemple : https://codepen.io/DarkStar123456/pe...G?editors=0010

Par contre, ce qui me choque un peu, c'est que vous r��crivez le mode de fonctionnement de l'input type="number".
Si vous souhaitez ajouter un suffixe �, il devrait se trouver en dehors de l'input.
D'autant plus qu'il modifie la valeur de type "nombre" (entier ou float) en type string), ce qui emp�cherait n'importe quel futur calcul � faire

[Choucas35]

Merci, c'est exactement ce que je voulais.
Pr�cision : le champ transmis par le FORM est le champ trait� par cette miseEnForme est de type="monnaie" donc "text". Le champ -txt ne sert qu'� visualiser un r�sultat en bonne �criture d'�. Ce champ n'est pas transmis. Seul est transmis le champ trait� sans mise en forme.

Pourquoi tout �a ? Parce que l'utilisation d'un pattern n'est pas 'in live'. L'utilisation d'un type="number" impose un +- et un pas de 0.01 dans mon cas ...

[Doksuri]

petite subtilite : developer.mozilla.org/fr/docs/Web/API/Document/keypress_event

Cette fonctionnalit� a �t� supprim�e des standards du Web

Cet �v�nement est d�pr�ci� et il faudrait plut�t utiliser beforeinput ou keydown (en-US).