[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.

  1.  
  2. var maxchar = 1500;
  3. var count = $('#txtDescription').val().length;
  4. var char = maxchar - count;
  5. $('#charleft').text(char + " characters left");
  6.  
  7. $('#txtDescription').keyup(function () {
  8. var len = $(this).val().length;
  9. if (len >= maxchar) {
  10. $('#charleft').text("You have reached the character limit!");
  11. } else {
  12. var chardiff = maxchar - len;
  13. $('#charleft').text(chardiff + " characters left");
  14. }
  15. });
  16.