Oto przykład:

<code>$(function() {
  $('#test').change(function() {
    $('#length').html($('#test').val().length)
  })
})</code>

<code><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id=test maxlength=10></textarea>
length = <span id=length>0</span></code>

Wypełnij pole tekstowe liniami (jeden znak w jednej linii), dopóki przeglądarka nie zezwoli. Kiedy skończysz, zostaw tekst, a kod js również obliczy znaki.

W moim przypadku mogłem wpisać tylko 7 znaków (w tym białe znaki), zanim chrom zatrzymał mnie. Chociaż wartość atrybutu maxlength wynosi 10: