Javascript在循环中特定数量的字母后添加字母

Question

如果输入文本字段超过 5 个字母，我正在尝试在输入文本字段中添加 br 符号。（在书写时）

我的代码在 5 个字母后创建 br 符号，但它创建的 br 符号多于 1 个。

代码：

(function(i){
    $('#input' + i).on('keyup', function() {
        if($('#input' + i).val().length > 5) {
            $('#input' + i).val($('#input' + i).val() + '<br>');
        }
    });
}(i))

Answer 1

我强烈建议不要这样做（似乎对问题有意见）。

但是，如果您真的想要，请使用input，而不是keyup，删除之前添加的<br> 标记，然后拆分整个字符串，而不仅仅是在末尾附加。见 cmets：

(function(i) {
  $('#input' + i).on('input', function() {
    // No need to look it up repeatedly, remember the jQuery wrapper for this input
    var $this = $(this);
    // Get the value
    var val = $this.val();
    if (val.length > 5) {
      // Remove old <br>s
      val = val.replace(/<br>/g, "");
      // Add new ones
      var result = "";
      while (val) {
        result += val.substring(0, 5);
        val = val.substring(5);
        if (val) {
          result += "<br>";
        }
      }
      // Set the value
      $this.val(result);
    }
  });
}(0))

<input type="text" id="input0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>