Materialize (Framework) Количество символов

Question

Я не могу понять, почему количество символов отображается как «1/101/10».

Codepen: 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> 

кажется some one else has had this problem, но не было представлено там никакого решения.

Answer 2

Пожалуйста, удалите код инициализации.

$('input#input_text, textarea#textarea1').characterCounter(); 

Он отлично работает.

Answer 3

сначала, пожалуйста, убедитесь, что данные, которые вы написали данные длины не только длина после того, как я знаю, что вы должны инициализировать только тогда, когда вы добавляете динамически, так что вы даже не нужно Js часть

для более подробной информации >>materializecss.com -> forms