Как я могу вручную установить текущие набранные символы на bootstrap maxlength?

Question

https://jsfiddle.net/0tx58ma1/6/

(function($){
  $('[maxlength]').maxlength({
    alwaysShow: true,
    separator: ' / ',
    preText: '',
    postText: '',
    showMaxLength: true,
    showCharsTyped: true,
    placement: 'bottom-right-inside',
    showOnReady: true,
  });

  $("#btnReplaceText").click(function(){
    $("#test").val("ypaaaa");
    $("#text").show();
  });
})(jQuery);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-maxlength/1.10.0/bootstrap-maxlength.min.js"></script>
<input type="text" id="test" maxlength="10" placeholder="please click button" value="">
<br>
<button type="button" id="btnReplaceText">click me</button>
<p id="text" style="display: none;">I wanna set current typed characters when I push button. How can I ???</p>

Этот плагин подсчитывает количество символов, набранных в настоящий момент, в реальном времени.

Если вы печатаете с клавиатуры, он подсчитывает число символов, как вы ожидаете.

Однако, если вы замените строку событием щелчка, используя jQuery, она не будет подсчитывать количество символов, потому что не набирает.

Я бы сделал это например, текущее количество символов, которое будет отображаться в счетчиках символов при нажатии кнопки.

Я хочу установить текущие набранные символы, когда я нажимаю кнопку sh. Как мне ???

Answer 1

Я услышал от разработчика решение этой проблемы.

Кажется, что мы можем подсчитать количество символов, выполнив следующие действия.

$("#test").val("ypaaaa") 

to

$("#test").val("ypaaaa").trigger('input')