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
Thèmes : html - javascript - textarea
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.