javascript - 从 Javascript 格式化文本

Question

我在 MVC 中有这段代码:

 <div id="weight">
@Html.TextBoxFor(m => m.Weight, new Dictionary<string, object> { { "class", "form-control" } })
</div>

页面加载时权重字段为0。

我想将此字段格式化为:0 g

每次修改此字段以在末尾添加 g 后。

如何通过 JavaScript 执行此操作？

Answer 1

尽管我认为最好将 g 放在外面，但这对您有用。

逻辑是:

1. 获取当前值。
2. 检查里面是否有g。
3. 如果没有，请将其添加到最后。

在页面显示时以及用户从输入中聚焦(模糊)后执行此检查。

var input = document.querySelector('input');
function addG() {
  var val = input.value;
  if (val.indexOf('g') == -1) {
      input.value = val + 'g';
  }
}

addG();
input.onblur = addG;

<input type="text" value="0" />