[jQuery] Conteggio dinamico dei caratteri in una textbox o textarea

In questo semplice tutorial vi mostreremo come creare uno script che conta il numero di caratteri digitati all'interno di una textbox o textarea. Lo script funziona anche se viene incollato il testo per il calcolo viene eseguito all'evento keyup.

 
var maxchar = 1500;            
var count = $('#txtDescription').val().length;
var char = maxchar - count;
$('#charleft').text(char + " characters left");
 
$('#txtDescription').keyup(function () {
   var len = $(this).val().length;
   if (len >= maxchar) {
     $('#charleft').text("You have reached the character limit!");
   } else {
     var chardiff = maxchar - len;
     $('#charleft').text(chardiff + " characters left");
   }
});
 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>