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.