Rejeter une frappe

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

Code:

---

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 ?

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

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

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

Citation:

---

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

---

Citation:

---

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

---