Rails：使用 Jquery 进行 Text_Area 个字符计数

Question

我的目标是将键数放在 text_area 上方的空白 'p' 元素中。这是我的 erb 和 javascript:

<div class="field">
  <p id="char-limit"></p>
  <%= f.label :essay %><br>
  <%= f.text_area :essay, :id => "essay-form" %>
</div>

（顺便说一下，这是我 javascript 文件中的所有内容）

$("#essay-form").on("keyup", function() {
  var charCount = $("#essay-form").val().length;
  //The text in the p element with id char-limit is equivelent to num of chars
  $("#char-limit").html(charCount);
  if (charCount > 10) {
    $("#char-limit").css("color", "red");
  } else {
    $("#char-limit").css("color", "black");
  }
});

唯一的问题是，当我开始输入时，char-limit p 元素中没有添加字符数。

Answer 1

试试这个：

function updateCounter(){
    var charCount = $("#essay-form").val().length;
    //The text in the p element with id char-limit is equivelent to num of chars
    $("#char-limit").html(charCount);
    if (charCount > 10) {
        $("#char-limit").css("color", "red");
     } else {
        $("#char-limit").css("color", "black");
     }
 };

和

  <div class="field">
    <p id="char-limit"></p>
    <%= f.label :essay %><br>
    <%= f.text_area :essay, :id => "essay-form", onkeydown="updatecount()" %>
  </div>

希望对您有所帮助。 :)

Rails：使用 Jquery 进行 Text_Area 个字符计数

Rails: Using Jquery for Text_Area character count

javascript

jquery

ruby-on-rails

charactercount

keyup