ruby-on-rails – 在Ruby on Rails中的simple_form中添加字符计

发布时间：2020-12-17 02:56:05 所属栏目：百科来源：网络整理

导读：我使用simple_form gem,我想在文本字段上使用简单的字符计数器.有人告诉我,这可能有用：将其添加到表单中： %= f.input :body,id: "body-field" %span id="body-count"0 characters/span 和javascript： $("#body-field").on("keyup",function(){length = $

我使用simple_form gem,我想在文本字段上使用简单的字符计数器.有人告诉我,这可能有用：

将其添加到表单中：

<%= 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://www.sohua.xyz/questions-full/4320915/how-do-i-implement-a-basic-character-counter-in-a-simple-form

我这样做了,但没有任何反应.这是我的实际代码章节/ new.html.erb：

<%= simple_form_for([@book,@book.chapters.build]) do |f| %>
    <%= f.input :chaptertitle %>
    Mininmum amount of characters: <%= @book.min_length %> Maximum amount of characters: <%= @book.max_length %>
    <%= f.input :chaptercontent,id: "body-field" %>
    <span id="body-count">0 characters</span>
    <%= f.input :author %>
    <%= f.button :submit %>
<% end %>

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

你能给我任何建议,如何让它发挥作用？

解决方法

您需要将代码包装在jquery文档就绪函数中：

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

    $("#body-count").html(length);
  });
});

为什么不使用现有的库？
https://github.com/dtisgodsson/jquery-character-counter

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!