Vous êtes ici: Support du web > Scripts et tutoriaux > Javascript > 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 javascript

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 javascript
Note : 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">

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.

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:

Commentaires

Ajouter un commentaire





Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam.
Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé.

Les commentaires

Envoyé 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.


Il y a actuellent 24 personne(s) connecté(es)
Page générée en 0.004542 secondes
Retour en haut
Règlements - Nous contacter - Aider le site - RSS News
Copyright © Support du web - Toute copie partielle ou complète de nos créations est interdite sans l'accord de ses auteurs.
Toutes les marques citées appartiennent à leurs compagnies respectives.