Посчитаем текущее количество символов в полях формы (в тегах input и textarea), а также динамически отобразим их количество при изменении данных.

HTML: 

<input class="counted" value="Some test string. Hi!" >
<br>
<input class="counted" value="Some test string. Goodby!" >
<br>
<textarea class="counted">Another test</textarea>

CSS:

.counted + span {
   margin-left:10px;
}

JavaScript (jQuery):

$(document).ready(function() {
  $('.counted').each(function() { //для всех элементов с классом .counded
        $(this).after('<div>' + $(this).val().length + ' символов</div>'); //выведем калькуляцию после каждого поля
  });
});  

$('.counted').on('keyup', function() { //присоединяем событие нажатия кнопки для функции
  $(this).next('div').html($(this).val().length + ' символов');
});

Готово!

Пример:

See the Pen Подсчет символов в input, textarea by ITwing (@itwing) on CodePen.