Textarea : limiter le nombre de lignes

Version imprimable

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:

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 + " caractère disponible"; else document.getElementById('indic').innerHTML = iLongueurRestante + " caractères disponibles"; } </script>
Merci pour votre aide

07/11/2007, 16h09
le_chomeur

je viens de tester ton code et il fonctionne , j'ai du rater la question ...
07/11/2007, 16h42
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

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:

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:

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:

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 :)