实现（框架）字符数

Question

我不明白为什么字符数显示为“1/101/10”。

代码笔：http ://codepen.io/anon/pen/avdbLG

看来“/101/”是最大限制（10）和当前计数（1）的组合。当您在该字段中键入时，“/101/”会随着键入的字符数量而增加。

HTML：

<div class="row">
  <form class="col s12">
    <div class="row">
      <div class="input-field col s6">
        <input id="input_text" type="text" length="10">
        <label for="input_text">Input text</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <textarea id="textarea1" class="materialize-textarea" length="120"></textarea>
        <label for="textarea1">Textarea</label>
      </div>
    </div>
  </form>
</div>

JS：

$(document).ready(function() {
  $('input#input_text, textarea#textarea1').characterCounter();
});

Answer 1

发生这种情况是因为由于某种原因创建了两个字符计数范围。HTML 中的输出如下所示：

<div class="input-field col s6">
    <input id="input_text" type="text" length="10">
    <label for="input_text" class="active">Input text</label>
    <span class="character-counter" style="float: right; font-size: 12px; height: 1px;"></span>
    <span class="character-counter" style="float: right; font-size: 12px; height: 1px;"></span>
</div>

似乎其他人也遇到了这个问题，但那里没有提供解决方案。