javascript - Materialise(框架)字符数

标签 javascript jquery html materialize

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

enter image description here

代码笔: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();
});

最佳答案

这里没有任何答案对我有用。

我是这样工作的:

document.addEventListener('DOMContentLoaded', function () {
            var textNeedCount = document.querySelectorAll('#input_text, #textarea1');
            M.CharacterCounter.init(textNeedCount);
});

关于javascript - Materialise(框架)字符数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32552299/

相关文章:

jquery - 如何更改浏览器选项卡的颜色?

javascript - jQuery 选择当前脚本标签

javascript - 移动设备上的 jQuery 脚本

jquery - 如何使用 html5 css 和 jquery 创建这个特殊的加载器?

javascript - 如何停止在 Kendo Grid 中添加空行?

javascript - javascript语法错误Windows主机行1字符1

php - javascript中参数的位掩码类型

javascript - 如何防止元素超出他的容器边界

javascript - AngularJS : Expose ng-repeat scope to ng-transclude

javascript - 在 typescript 主体前后插入缩进?