Compteur de caractères

Version imprimable

Bonjour, je suis de niveau zéro en jquery et je voulais savoir pourquoi le "keyup' ne semble pas être détecté lorsque j'ajoute ce code à mon site wordpress

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
    jQuery(function($) {
        var comment_input = $('#commentform textarea');
        var submit_button = $('#commentform .form-submit'); // button
        var comment_limit_chars = 500; // characters
        $('<div class="comment_limit_info">Il vous reste <span>' + comment_limit_chars + '</span> caract&egrave;res</div>').insertAfter(comment_input);
        comment_input.bind('keyup', function() {
            var comment_length = $(this).val().length;
            var chars_left = comment_limit_chars - comment_length;
            $('.comment_limit_info span').html(chars_left);
            if (submit_button)(chars_left < 0) ? submit_button.hide() : submit_button.show();
        });
    });
</script>

Pourtant je vois bien apparaître "Il vous reste 500 caractères" mais le décompte ne se fait pas. :?

31/01/2016, 02h59
Watilin
Bonsoir,

la flemme de tester mais voici quelques pistes :

:arrow: .bind() est obsolète, essaye plutôt comment_input . on('keyup', …) ou bien comment_input . keyup(…) (remplace les trois petits points par ta fonction bien sûr) ; voir la doc.

:arrow: a priori jQuery se débrouille pour que val() renvoie la valeur attendue, mais on ne sait jamais, ajoute un console.log pour tester :
Code:

1 2 3 4 … var comment_length = $(this).val().length; console.log(comment_length); …
Fais F12 pour ouvrir ta console de ton navigateur et voir les messages inscrits par console.log.
31/01/2016, 03h21
Keyboard

Merci beaucoup ! Pour ce qui est de bind ça ne change pas le résultat, mais il y a en effets plusieurs erreurs dans console log, voici celles liées à mon compteur de caractères:

Citation:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function
31/01/2016, 13h54
Keyboard

Merci de m'avoir fait découvrir ces console log, j'ai maintenant résolu mon problème :)