Compteur de caractères javascript sans compter les espaces

**pascaltall** · 22/11/2013, 15h55

Bonjour,
Je suis nouveau ici et je viens avec un problème avec javascript. En fait j'ai un textarea et j'aimerai compter le nombre de caractères saisis sur le champs. J'ai trouvé ce code suivant qui compte tous les caractères espaces compris:

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
var total=0;
var mini=150;
var maxi=600;
function actionlimite(){
    if(total < mini || total > maxi)
    {
        alert("Votre description utilise "+total+" caractères alors qu'elle doit en faire entre "+mini+" et "+maxi+" caractères !");
       return false;
    }
    else{
         return true;
         }
}
function limite(textarea){
    total = textarea.value.length; 
}

Et j'ai trouvé un deuxieme code qui compte pas les espaces que voici.

Code :

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

1
2
3
4
5
function countChars() {
var nospaces = document.form1.text_1.value + document.form1.text_2.value + document.form1.text_3.value + document.form1.text_4.value;
nospaces = nospaces.replace(/\s/g,"");  // strip spaces
document.form1.count_display.value = nospaces.length
}

J'aimerai que vous m'aidiez à insérer le code nécessaire sur le premier Js pour qu'il compte plus les espaces.
Merci à vous. Cordialement.
Pascal

**Bovino** · 22/11/2013, 16h03

Je comprends pas... tu l'as dans le second code

Code :

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

total = textarea.value.replace(/\s/g,"").length;

**pascaltall** · 22/11/2013, 16h24

Merci de votre réponse.
Donc j'ai modifié le code comme ceci mais j'obtiens le même résultat. les espaces sont toujours comptés. le deuxieme code n'est qu'un exemple. en fait je n'utilise que le premier.

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
var total=0;
var mini=150;
var maxi=600;
function actionlimite(){
    if(total < mini || total > maxi)
    {
        alert("Votre description utilise "+total+" caractères alors qu'elle doit en faire entre "+mini+" et "+maxi+" caractères !");
       return false;
    }
    else{
         return true;
         }
}
function limite(textarea){
    total = textarea.value.replace(/\s/g,"").length; 
}

**phoeniix07** · 22/11/2013, 16h34

tu as bien un appelle qui resemble à

Code :

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

1
2
3
 
limite(textarea);
action_limite();

**pascaltall** · 22/11/2013, 16h37

Merci;
Mais je m'y connais pas en javascript pouvez vous svp l'ajouter sur le code. Merci de votre aide.

**Bovino** · 22/11/2013, 16h37

Bah si...ça marche correctement

Code html :

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Compteur</title>
	<script>
                var total=0;
                function limite(elem){
                        total = elem.value.replace(/\s/g,'').length;
                        document.getElementById('compte').value = total;
                }
        </script>
</head>
<body>
	<textarea cols="50" onkeyup="limite(this)"></textarea><input id="compte" readonly />
</body>
</html>

**pascaltall** · 22/11/2013, 16h42

Ok merci; comment l'adapter au code que j'ai donné. parce que j'ai le min et le maximum

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
var total=0;
var mini=150;
var maxi=600;
function actionlimite(){
    if(total < mini || total > maxi)
    {
        alert("Votre description utilise "+total+" caractères alors qu'elle doit en faire entre "+mini+" et "+maxi+" caractères !");
       return false;
    }
    else{
         return true;
         }
}
function limite(textarea){
    total = textarea.value.length; 
}

**Kaamo** · 22/11/2013, 16h43

Merci;
Mais je m'y connais pas en javascript pouvez vous svp l'ajouter sur le code.

Webmaster

Parfois, j'ai du mal à comprendre

**Bovino** · 22/11/2013, 16h46

Tu m'envoies ton clavier par e-mail, je vais te le faire !

**pascaltall** · 22/11/2013, 16h46

Envoyé par Kaamo

Parfois, j'ai du mal à comprendre

php css webdesign mais javascript c'est mon talon d'achile. Bisou

**Kaamo** · 22/11/2013, 16h49

Talon d'Achille je veux bien, mais là il s'agit d'insérer un bout de code existant dans celui de Bovino ... Nul besoin de s'y connaitre donc

**Bovino** · 22/11/2013, 16h53

là il s'agit d'insérer un bout de code existant dans celui de Bovino

Bah... même pas ! J'ai juste épuré le code du message #3...

**pascaltall** · 22/11/2013, 16h54

Envoyé par Kaamo

Talon d'Achille je veux bien, mais là il s'agit d'insérer un bout de code existant dans celui de Bovino ... Nul besoin de s'y connaitre donc

Merci d'être là avec moi. Mais comment c'est évident quand on s'y connais!!!! je suis nul je l'admets. Pouvez vous svp me l'insère sur ce foutu code svp . Vous pouvez rigoler de moi à l'infini. Si c'est me mot webmaster qui vous choque je vais le changer. Merci à vous

**Bovino** · 22/11/2013, 16h59

Ben oui mais là on peut rien faire de plus...
Le code du message #3 est correct... Tente un CTRL + F5.

Et au passage, de nos jours, être Webmaster sans s'intéresser à JavaScript, c'est effectivement étonnant...

**pascaltall** · 22/11/2013, 17h14

La preuve que je m'y intéresse. je reviens avec la solution pour ce qui sont comme moi et qui utilise google pour trouver des solutions à ce problème.

**fredoche** · 22/11/2013, 17h19

De la part d'un vieux webmaster : la solution, c'est pas Google, c'est d'apprendre au minimum les quelques bases qui te permettront de manipuler du Javascript dans tes pages web

Ensuite Google ou ce forum te seront utiles.

A noter que sur ce forum, tu trouveras d'excellents cours et tutoriels sur à peu près tous les domaines.

**pascaltall** · 22/11/2013, 17h30

Vous portez bien ce titre de " Membre Expert" . Merci et continuer comme ça. Je viens juste de m'inscrire sur ce forum et j'ai attiré tant de moqueries. Votre message rehausse ce forum. En tout cas pour moi. Merci
Je vais voir les cours

**pascaltall** · 22/11/2013, 17h40

Bon comme promis. j'apporte la réponse pour ceux qui ne s'y connaissent pas ou qui sont en apprentissage. Copiez et collez !!!! Un pote sur skype me la fait.

Code html :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<body>
<h1>Textarea Web Page</h1>
<script>
var total=0;
var mini=150;
var maxi=600;
function actionlimite(){
    if(total < mini || total > maxi)
    {
        alert("Votre description utilise "+total+" caractÃ¨res alors qu'elle doit en faire entre "+mini+" et "+maxi+" caractÃ¨res !");
       return false;
    }
    else{
         return true;
         }
}
function limite(textarea){
    nospacetextarea = textarea.value.replace(/\s+/g, '');
    total = nospacetextarea.length; 
    displaytotal(total);
}
function displaytotal(total){
    document.getElementById('counter').innerHTML="Mini:"+mini
     +" Maxi:"+maxi+" Total:"+total+" Remain:"+(maxi-total);
}
</script>
<h2 id="counter"></h2>
<form name="description" onSubmit="return actionlimite();">
 <textarea name="description" onKeyUp="limite(this);" ></textarea>
 <input name="valider" type="submit" value="Envoyer">
</form>
</body>
</html>

**fredoche** · 22/11/2013, 17h49

Envoyé par pascaltall

Vous portez bien ce titre de " Membre Expert" . Merci et continuer comme ça. Je viens juste de m'inscrire sur ce forum et j'ai attiré tant de moqueries. Votre message rehausse ce forum. En tout cas pour moi. Merci
Je vais voir les cours

Je ne sais pas s'il y a malentendu, mais je t'assure que je ne me moque pas.

"Expert" c'est un titre de feuilleton télé. Je suis pour ma part un vieux webmaster, et un éternel apprenti.