Compter lettres suivant règle

Invité · 10/03/2013, 16h36

Bonjour,
Je sais qu'il existe des tonnes de scripts sur le net pour compter le nombre de caractères d'un champ textarea, mais dans mon cas j'ai certaine lettrés qui ne valent pas 1 mais 2 caractères.
Pour vous expliquer j'utilise une api pour envoyer des SMS via une interface web. J'aimerai donc donner en temps réel le nb de caractères saisies et sa valeur en nb de SMS (1 SMS = 160 caractères) et afficher : Le message fait N caractères soit Y SMS.

N'ayant aucune compétence particulière en js je fait appel à vous pour m'aider.

Merci

**SpaceFrog** · 10/03/2013, 19h13

mais dans mon cas j'ai certaine lettrés qui ne valent pas 1 mais 2 caractères.

dû au charset ?

Invité · 10/03/2013, 19h59

non mais dans le monde merveilleux du sms il y a quelque caracteres qui ne compte pas pour 1 mais pour 2.
Par exemple : [ \ ] ^ { | } ~

**danielhagnoul** · 10/03/2013, 23h36

Bonsoir

J'ai pris en compte : http://assistance.orange.fr/la-taille-des-sms-4602.php

Pour tester, il suffit de copier-coller ma page de test.

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
	<script>
                head.js( 
                        "http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js", 
                        "http://code.jquery.com/jquery-2.0.0b2.js",
                        "http://code.jquery.com/color/jquery.color-2.1.1.min.js",
                        "https://raw.github.com/janl/mustache.js/master/mustache.js",
                        "https://raw.github.com/jonnyreeves/jquery-Mustache/master/jquery.mustache.js",
                        "http://danielhagnoul.developpez.com/lib/dvjh/base.js"
                );
                        
                /*
                 * "http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js",
                 * "http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js",
                 * 
                 * "http://code.jquery.com/jquery-migrate-1.1.0.min.js",
                 */
        </script>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css" media="print">
	<style>
                .hyphens { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
                nav { display: table-cell; text-align: left; border: 0.1rem dotted grey; width: 25rem; background-color: orange; }
                aside { display: table-cell; text-align: left; border: 0.1rem dotted grey; width: 25rem; background-color: yellow; }
                article { display: table-cell; text-align: justify; border: 0.1rem dotted grey; }
                .table1 { border-collapse: separate; border-spacing: 3rem; empty-cells: hide; caption-side: top; }
                .ligne { display: table-row; }
                .caption { display: table-caption; text-align: center; }
                .table1 .ligne { min-height: 30rem; }
                .table1 article { min-width: 40rem; vertical-align: top; }
 
                /* TEST -- Nota bene : ici 1 rem est égal à 10 px, voir dvjhRemBase.css */
 
        </style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>	
	<section class="conteneur">
		<section class="table1">
			<header class="caption">
				<h3>Sous-titre</h3>
			</header>
			<section class="ligne">
				<article>
 
					<form>
						<label>Entrez un SMS : </label>
						<br/>
						<textarea id="SMS" name="shortMessage" rows="4" cols="38" length="8"></textarea>
						<br/>
						<label>Nombre de caractères SMS : </label>
						<input id="nbChar" type="text" value="0"> 
					</form>
 
				</article>
				<article>
 
 
				</article>
			</section>
		</section>
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-03-10T23:31:02.35+01:00" pubdate>2013-03-10T23:31:02.35+01:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
	<script>
                "use strict";
                        
                head( function(){ // Voir : http://headjs.com/
                                                
                        $( function(){
                                
                                // debug
                                // $.Mustache.options.warnOnMissingTemplates = true;
                                
                                /* Début code du test */
 
                                // liste des caractères SMS qui comptent pour 1
                                var strTab = "@ £ $ ¥ è é ù ì ò Ç Ø ø Å å Δ _ Φ Γ Λ Ω Π Ψ Σ Θ Ξ ^\
                                 { } [ ~ ] | € Æ æ ß É ! \" # ¤ % & \' ( ) * + , . / 0 1 2 3 4 5 6 7 8 9\
                                  : ; < = > ? ¡ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ö Ñ\
                                   Ü § ¿ a b c d e f g h i j k l m n o p q r s t u v w x y z ä ö ñ ü à".split( " " );
                                
                                // ajout du caractère espace " "
                                strTab.push( " " );
                                
                                $( "#SMS" ).on( "focusin, focusout, keydown, keyup", function(){
                                        var str = $( this ).val(),
                                                length = str.length,
                                                n = 0,
                                                temp;
                                        
                                        for( var k = 0; k < length; k++ ){
                                                temp = n;
                                                
                                                // ajoute 1 pour un caractère normal
                                                $.each( strTab, function( i, item ){
                                                        if ( str[ k ] == item ){
                                                                ++n;
                                                                return false;
                                                        }
                                                });
                                                
                                                /*
                                                 * ajoute 2 pour un caractère spécial,
                                                 * exemple : le « ç », le « oe », le « â »,
                                                 * le « ë » tant usité dans les messages 
                                                 * de « Joyeux Noël ».
                                                 */
                                                if ( temp == n ){
                                                        n += 2;
                                                }
                                        }
                                        
                                        $( "#nbChar" ).val( n );
                                });
 
  
                                /* Fin code du test */
                                                                
                                // debug
                                // console.log( $.Mustache.templates() );
                        });
                        
                        $( window ).load( function(){
                                
                        });
                        
                });             
        </script>
</body>
</html>

Invité · 11/03/2013, 09h10

Bonjour et merci pour ce code.

Concernant la référence pour les caractères c'est la norme GSM 03.38 qui est utilisé : Norme GSM 0.38

Donc les caractères suivant compte double :

€ <FF> [ \ ] doubles ^ { | } ~

Les caractères listé dans la doc compte 1 et tout ce qui n'est ni dans l'un ni dans l'autre sont supprimés.
Je vais tout de même me renseigner pour savoir pourquoi une tel différence entre l'info sur orange et la norme.

Une question, pourquoi n'est tu pas partie sur une liste de caractères qui vaux deux et les autres par défaut valent 1, mais l'inverse ?

Au risque d'abuser, comme je le disait dans mon poste d'origine, comment afficher l’équivalent en Nb de sms (189 caractères soit 2 SMS) .

Merci infiniment.

**danielhagnoul** · 11/03/2013, 09h24

Bonjour

Pour le comptage des SMS c'est très folklorique, si vous aviez lu ma référence jusqu'au bout vous auriez vu qu'il y a des SMS de toutes les tailles selon les circonstances.

On dirait bien que tous les opérateurs n'appliquent pas la même norme.

http://www.smsvertpro.com/docs/CGU_S...02-05-2012.pdf dit là même chose que ma référence précédente.

Invité · 11/03/2013, 09h58

J'ai bien lu la doc d'orange et je sais que le nb de Ct n'est pas le même dans certain cas.
Mais tout de même j'aurais souhaiter avoir une idée sur la base de 160 Ct.

De plus, c'est à confirmer, il me semble que mon prestat applique une règle ou tous les sms ont la même taille.

Mais en effet pour avoir fait un tour du marché certaine règle diffères d'un prestat a l'autre.

**SpaceFrog** · 11/03/2013, 10h59

Avec une reg comporant la liste des "compte double"

Code html :

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

1
2
3
 
<textarea id="foo"></textarea>
<input type="text" id="compteur" value="" readonly="readonly" />

Code :

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

1
2
3
4
5
 
$('#foo').keyup(function(){
    lg=$(this).val().replace(/([\[\]{}<>]/g,"$1$1").length;
   $('#compteur').val(lg);
                })

Compter lettres suivant règle

jQuery

Discussions similaires

Partager

Partager