Compteur de caractères javascript sans compter les espaces

Version imprimable

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:

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:

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

22/11/2013, 16h03
Bovino

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

Code:

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

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:

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; 
}

22/11/2013, 16h34
phoeniix07
tu as bien un appelle qui resemble à
Code:

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

Bah si...ça marche correctement :koi:

Code:

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>

22/11/2013, 16h37
pascaltall

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

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

Code:

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; 
}

22/11/2013, 16h43
Kaamo

Citation:

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

Citation:

Webmaster

Parfois, j'ai du mal à comprendre :koi:
22/11/2013, 16h46
Bovino

Tu m'envoies ton clavier par e-mail, je vais te le faire ! :mouarf:
22/11/2013, 16h46
pascaltall

Citation:

Envoyé par Kaamo

Parfois, j'ai du mal à comprendre :koi:

php css webdesign mais javascript c'est mon talon d'achile. Bisou :ccool:
22/11/2013, 16h49
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 :mrgreen:
22/11/2013, 16h53
Bovino

Citation:

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... :mouarf:
22/11/2013, 16h54
pascaltall

Citation:

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

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
22/11/2013, 16h59
Bovino

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...
22/11/2013, 17h14
pascaltall

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.
22/11/2013, 17h19
fredoche

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.
22/11/2013, 17h30
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

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:

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>

22/11/2013, 17h49
fredoche

Citation:

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.
22/11/2013, 18h07
pascaltall

C'était juste pour vous remercier de vos infos et conseils. Ceux qui se moquaient ont leurs messages plus haut. C'est pas votre cas.
22/11/2013, 18h12
sekaijin
Ici on se moque de personne.
Mais il faudrait voir à faire un minimum d'effort.

déjà perso lorsque je vois

Citation:

Pouvez vous svp me l'insère sur ce foutu code svp

en général je ne réponds pas.
les forum ne sont pas là pour qu'on fasse à ta place. il son là pour qu'on t'aide à comprendre.
et j'avoue que avec un minimum de lecture tu avais la solution.
tu demande de l'aide et tu donne comme fonction
Code:

1 2 3 function limite(textarea){ total = textarea.value.length; }
@bovino te répond et tu copie/colle le truc dans ton code.
Code:

1 2 3 function limite(textarea){ total = textarea.value.replace(/\s/g,"").length; }
en disant ça marche pas et en te plaignant qu'on fait pas le boulot à ta place.

là encore si j'avais répondu au début vu la tournure j'aurais fuit.
puis tu reviens en disant que tu as trouvé et nous montre ton cod est cette fois tu en montre plus
ta fonction limite fait un appel à une autre pour l'affichage.
C'est sur qu'en n'appelant pas displaytotal ça ne risquait pas de marcher.

On ne pouvait pas deviner.
donc dès la première réponse tu avais une solution complète et suffisante à insérer dans ton code.
Code:

1 2 3 function limite(textarea){ displaytotal(textarea.value.replace(/\s/g,"").length); }
tu dis faire du php sur un code comme celui-ci tu aurais eu le pb en php c'était pareil.

en résumé
Tu viens et tu dis avoir un problème que tu expose que très partiellement.
Tu reçois une réponse pertinente.
Tu colle sans réfléchir.
Tu demande qu'on fasse le boulot.
Tu reçois d'autre réponse par des personnes qui essaient de comprends.
Tu prends la mouche lorsqu'on te dis de faire un effort
et Tu révèle enfin une partie caché de ton code montre bien qu'on t'avais répondu correctement dès le début.

Tu nous excusera d'être un peu sarcastique mais je pense que tu as largement dépassé les bornes.
Je te conseille donc de lire les doc et Tutos du site.
puis de venir lires la charte d'usage du forum.
et enfin de penser que ceux qui te répondent donnent de leur temps personnel en ayant pour information que ce que tu mets dans tes demandes.
Si donc la réponse te parait inappropriée c'est soit que tu n'est pas assez documenté, doit que ton pb est expose de façon insuffisamment claire et complète, ou au contraire noyé dans trop de code inutile pour l'exposer.

Je te souhaite bon courage, bon apprentissage.
A+JYT
22/11/2013, 18h51
pascaltall

Merci pour votre réaction. Mon impression actuelle est que ce forum est bien vivant. Et j'ai eu du monde autour de moi quand j'ai exposé un problème.
Mais quand on me dit envoi moi ton clavier par email !!!! C'était de l'humour.
C'est sûr que je ne m'y connais pas en javascript et je vais me mettre dès aujourd'hui à apprendre.
Merci à vous tous.
Et s'il vous plait permettez moi de clôturer la polémique ici. :lol:
22/11/2013, 20h33
sekaijin

Bonjour.
Tu as un bouton "Résolu" pour ça.

A+JYT