Comment interdire un apostrophe dans un input HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-04-25 23:53:25
Thèmes : html - input - javascript
Question

Comment faire pour interdire la saisie d'un apostrophe dans un input HTML ?

Réponse

Pour interdire la saisie d'un apostrophe dans un input HTML, vous pouvez utiliser le constructeur JavaScript Event() et le code UNICODE décimal UTF de l'apostrophe, à savoir le numéro 39.

Dans l'exemple ci-dessous on utilise l'évènement onkeypress sur un champ texte : ainsi dès lors qu'une frappe clavier a lieu dans le champ <input>, on teste s'il s'agit d'un apostrophe.

Si c'est pas le cas effectue un return ce qui a pour conséquence d'annuler la frappe clavier.

<input type="text" onkeypress="return event.charCode != 39">

Remarque : Attention cependant cette solution ne fonctionne pas si l'apostrophe est collé dans le champ texte.