Discussion :

[razily]

Bonjour ;
voilà je suis maintenant pour la mise en forme d'un formulaire , et je souhaitai la rendre plus clair et plus informatif aux utilisateurs !! et pour cela j'ai vu dans de nombreux site quand on tape sur un formulaire : textarea ou input text on aura la possibilité de voire le nombre de caractère restant !! comme sur youtube ??

comment faire ce genre de chose ou quelle application ou librairie simple nous permet de faire çà !!

des suggestions ???

merci

[Bovino]

des suggestions ???

Commencer par rechercher par toi-même...

C'est pourtant assez simple : à chaque caractère ajouté, récupère la taille du value du textarea puis fais une soustraction.

[razily]

Bonjour je commence à faire ce code qui calcule le nombre de caractere
et bloque le bouton en cas d'excedent mais çà ne marche pas


C en jquery et il est installé correctement :

Code :

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

1
2
3
4
5
6
7
8
 
 <label for="description" title="Description" >Description</label><br/>
 
                 <textarea name="description" cols="40" rows="10" id="message" ></textarea>  <br/>
 
             <span id="limit"></span>
 
 <input type="submit" name="valider" value="envoyer" id="bouton" />

et le code 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url('js/js/label.js'); ?>"></script>
			<script type="text/javascript">
 
				 $(document).ready(function(){
 
                 var limit = $("#limit");
                 var message = $("#message");
                  var bouton = $("#bouton");
 
                 $(limit).text(140);
 
 
 
 
                 $(message).keyup(function(){
 
                  var rest = 140 - $(this).val().length ;
                  $(limit).text(rest);
 
                  if(rest<0)
                      {
                        $(limit).css('color','#F71616');
                        $(bouton).attr('disabled','disabled');
                      }
                      else
                       {
                          $(limit).css('color','#000');
                          $(bouton).removeAttr('disabled');
                       }
 
                 });
 
 
 
                /* autre code sur le label */
 
 
 
					});
 
			</script>

la mise ne forme du label elle marche mais le nombre de mot ne marche pas

merci

/********
en fait ce code marche mais c'est une erreur de mise en forme html

merci