格式化 Javascript 中的文本

Format a text from Javascript

本文关键字:文本 Javascript 格式化      更新时间:2023-09-26

我在MVC中有这段代码:

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

在页面加载时,权重字段0

我想像这样格式化此字段:0 g

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

我怎样才能从javascript做到这一点?

虽然我认为最好把g放在外面,这对你有用。

逻辑是:

  1. 获取当前值。
  2. 检查其中是否有g
  3. 如果没有,请在最后添加它。

在页面显示和用户聚焦(blur)之后从输入中执行此检查。

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" />