Как реализовать базовый счетчик символов в simple_form?

Question

Я использую simple_form для своей формы и хотел бы включить некоторый основной символ JS в текстовое поле.

Моя форма частичными выглядит следующим образом:

<%= simple_form_for(@post, html: {class: 'form-horizontal' }) do |f| %> 

    <%= f.error_notification %> 

    <%= f.input_field :parent_id, as: :hidden %> 

    <div class="field"> 
    <% if can? :manage, @post %> 
      <%= f.input_field :status, label: "Status", collection: Post.statuses.keys, selected: :unconfirmed %> 
    <% end %>  
    </div> 

    <%= f.input :title, placeholder: "Enter Title" %> 
    <%= f.input :photo %> 
     <%= f.input :file %> 
    <%= f.input :body %> 
     <div class="report-submit"> 
      <%= f.button :submit %> 
     </div> 

<% end %> 

Как идти об этом?

Answer 1

Присвойте id текстовому полю, а затем добавьте span рядом с ним, где вы увидите счетчик, присвойте id диапазону.

<%= f.input :body, id: "body-field" %> 
<span id="body-count">0 characters</span> 

В JavaScript добавить этот код

$("#body-field").on("keyup", function(){ 
    length = $(this).val().length; 
    $("#body-count").html(length); 
}); 

Я создал скрипку, чтобы показать, как это работает, нажмите здесь http://jsfiddle.net/L99c30qh/