Comment empêcher les sauts de ligne dans un textarea ?
Réponses rédigées par Antoine
Dernière mise à jour : 2021-06-18 12:22:51
Question
Comment faire pour empêcher les sauts de ligne dans un <textarea>
?
Réponse
Pour empêcher les sauts de ligne et les retours à la ligne dans un <textarea>
, vous pouvez utiliser la fonction JavaScript replace()
et l'expression régulière suivante :
/(\r\n|\n|\r)/gm
Cette expression régulière identifie tous les retours chariot : \r
et toutes les nouvelles lignes : \n
.
La fonction replace contient deux arguments, le premier est l'expression régulière, le second est la chaine de remplacement : ici ''
ce qui correspond à une chaine vide.
<textarea onkeyup="this.value = this.value.replace(/(\r\n|\n|\r)/gm,'');">
Remarque : on positionne le code JavaScript sur l'évènement onkeyup
du textarea
; ainsi dès lors que l'utilisateur relâche une touche, le code vérifie si le textarea
contient un saut de ligne, et si c'est le cas il le supprime.