从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. 如果没有，请将其添加到最后。

在页面显示和输入用户焦点（blur）之后进行此检查。

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

addG();
input.onblur = addG;
＆＃13;
<input type="text" value="0" />
＆＃13;
＆＃13;
＆＃13;