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