带有剃须刀 MVC 和 js 的千位分隔符

Question

我正在尝试在数字字段中保存带有千位分隔符的数字

1000 >> 1,000

100000 >> 10,000

2000.02 >> 2,000.02

我想用 js 和 jquery 解决这个问题，我希望千位分隔符在用户输入时可见。

<div class="form-group">

  <label class="control-label col-md-2" Sum</label>
  <div class="col-md-10">
    @Html.EditorFor(model => model.Sum, new { htmlAttributes = new { @class = "form-control", @type = "number" } }) 
    @Html.ValidationMessageFor(model => model.Sum, "", new { @class = "text-danger" })
  </div>
</div>

有什么帮助吗？

Answer 1

您可以尝试 autoNumeric 插件。基本初始化会做你需要的：

$('#Sum').autoNumeric('init');

检查部分：

The basics on getting autoNumeric() up and running with the initialize 'init' method and default settings: ...

带有剃须刀 MVC 和 js 的千位分隔符

Thousands separator with razor MVC and js

javascript

jquery

asp.net-mvc

razor

digit-separator