Maxlength sur textarea - limiter le nombre de caractères dans un textarea en javascript |
|---|
Maxlength sur textarea - limiter le nombre de caractères dans un textarea en javascriptNote : 4.8/5 (3 votes) Derniéres modifications : 22/02/2010 à 05:08:15 Mots-Clés : textarea maxlength maximum caractères limiter nombre de mots javascript appliquer un maxlength sur textarea limiter le nombre de caractères dans un textarea en javascript <textarea maxlength="250"> dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes. Voici le code: Code: (X)html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Limiter le nombre de caractère dans un textarea</title> <script type="text/javascript"> <!-- function maxlength_textarea(id, crid, max) { var txtarea = document.getElementById(id); document.getElementById(crid).innerHTML=max-txtarea.value.length; txtarea.onkeypress=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')}; txtarea.onblur=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')}; txtarea.onkeyup=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')}; txtarea.onkeydown=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')}; } function v_maxlength(id, crid, max) { var txtarea = document.getElementById(id); var crreste = document.getElementById(crid); var len = txtarea.value.length; if(len>max) { txtarea.value=txtarea.value.substr(0,max); } len = txtarea.value.length; crreste.innerHTML=max-len; } --> </script> </head> <body> <textarea id="textarea_1" cols="35" rows="4"></textarea><br /> Il vous reste <span id="carac_reste_textarea_1"></span> caractères. <script type="text/javascript"> <!-- maxlength_textarea('textarea_1','carac_reste_textarea_1',150); --> </script> </body> </html> Merci, j'espère que ce script vous a plut et qu'il vous sera utile. Scripts et tutoriaux similaires à celui ci:
CommentairesAjouter un commentaireLes commentairesEnvoyé par Ahmed le 27/03/2010 à 16:34:49
Merci pour ce script UTILE ;)
Envoyé par Girl5766 le 13/04/2010 à 13:43:35
Trop bien !!
Envoyé par Antho le 27/04/2010 à 17:06:09
Merci beaucoup pour ce script très utile.
Envoyé par Fdi225 le 26/05/2010 à 13:49:01
Trop cool ton script, Merci infiniment !!!
Envoyé par yannis14 le 09/06/2010 à 14:49:50
super
Envoyé par Hein le 09/08/2010 à 19:44:34
Pourquoi utiliser eval ?
Envoyé par eliastik le 02/11/2010 à 17:19:07
Il est bien se script, mais il ne fonctionne pas, pourquoi ?
Envoyé par kiou le 16/11/2010 à 11:38:59
Tres sympa, merci mais pas compatible avec un tinymce, dommage :(
Envoyé par kero le 24/03/2011 à 09:54:28
ne bloque pas le copier coller..
Envoyé par Tatal le 04/04/2011 à 14:56:59
Merci beaucoup, effectivement le copier coller n'est pas pris en compte.
Mais c'est quand même bien utile ;D Envoyé par kocky le 02/05/2011 à 09:51:34
Très bon ptit script; Merci :)
Envoyé par mic59 le 08/05/2011 à 11:14:01
Merci beaucoup pour ce script qui fonctionne autant sur FF que IE.
Envoyé par qFmzcluTEnen le 04/06/2011 à 04:12:31
That's the best asnwer of all time! JMHO
Envoyé par dehhhctl le 24/01/2012 à 12:30:02
20
Envoyé par Test le 02/02/2012 à 22:40:14
Bonjour,
dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes.Bonjour, dans ce tutoriel, je vais vous montrer comment limiter le nombre de caractères que l'utilisateur peut mettre dans un textarea, ce script permet aussi d'indiquer à l'utilisateur le nombre de caractères qu'il lui reste. Le principe est très simple, à chaque fois que l'utilisateur entre un caractère, on vérifie si son texte contient un nombre égale ou plus bas de caractère au nombre permis, si le nombre de caractère que l'utilisateur a entré est trop grand, on coupe son texte pour qu'il ne dépasse pas le nombre de caractères permis. C'est un peu comme l'attribut maxlength des champs de input text. Et tout au long de sa rédaction, on affiche le nombre de caractères qui lui restes. |