Discussion :

[adr22]

Bonjour

Je souhaite utiliser ce script pour pouvoir limiter la saisie dans un de mes textarea.

Mon seul pb est que lorsque l'utilisateur tape "enter", il faudrait que le compteur perde le nombre de caractères restant sur la ligne :
Ex : sur une ligne pouvant contenir 40 caractères, si j'en ai tapé 25et que je tape "enter", alors il faudrait que le compteur perde (40-25)=15.

Est- ce possible ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript" type="text/javascript">
function calculeLongueur(){
   var iLongueur, iLongueurRestante;
   iLongueur = document.getElementById('monchamp').value.length;
   if (iLongueur>30) {
      document.getElementById('monchamp').value = document.getElementById('monchamp').value.substring(0,30);
      iLongueurRestante = 0;
   }
   else {
      iLongueurRestante = 30 - iLongueur;
   }
   if (iLongueurRestante <= 1)
      document.getElementById('indic').innerHTML = iLongueurRestante + "&nbsp;caract&egrave;re&nbsp;disponible";
   else
      document.getElementById('indic').innerHTML = iLongueurRestante + "&nbsp;caract&egrave;res&nbsp;disponibles";
}
</script>

Merci pour votre aide

[le_chomeur]

je viens de tester ton code et il fonctionne , j'ai du rater la question ...

[adr22]

Bonjour,

Oui le code fonctionne, sauf que lorsque l'utilisateur tape "ENtrée" je souhaiterai que le décompte l'enlève pas 1 et la différence de caractères (si ma ligne doit faire 40 caractères et que j'en ai tapé 25 avant de taper "entrée", alors lors du passage à la ligne, le décompte aura -(40-25).

L'objectif de tout ça étant que je puisse délimiter mon textarea à 3 lignes de 40 caractères.

Merci

[le_chomeur]

Ok j'ai compris tu souhaites que les retour chariot ne soit pas compté comme des caractères ...

Pour faire ceci, je passe par une expression régulière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
	Expression = new RegExp("\r\n","gi") //\r\n représente les retours a la ligne
	var resultat = value.match(Expression); //Value représente la valeur de ta textarea
			if(resultat){
				valeurMAx = nbCaractMax + resultat.length;
//valeurMax représente le nouveau nombre de caractères maximum
//valeurMAx  = nombre de caractère max définit + nombre de retour chariot trouvé
			}
			else{
				valeurMAx = nbCaractMax
			}

Bon voici l'implémentation dans une fonction identique a la tienne :

//Fonction javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var nbCaractMax = 40 ;
 
	function verifMax(textAreaATester){
 
		with(textAreaATester){
			//si on a atteint le nombre de caractères maximum
			Expression = new RegExp("\r\n","gi")
			var resultat = value.match(Expression);
			if(resultat){
				valeurMAx = nbCaractMax + resultat.length;
			}
			else{
				valeurMAx = nbCaractMax
			}
			if(value.length > valeurMAx){
				//on affecte la valeur de la textarea a 40 caractères max ou 40+le nombre de retour chariot
				value = value.substr(0, valeurMAx);
			}
		}
 
	}

Coté html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<textarea onkeypress="verifMax(this)"></textarea>

Il te reste a modifier la condition de nombre de caractère mais bon , je vais te laisser bosser un peu