页面加载时使用逗号格式化类型编号

时间:2016-07-23 22:06:57

标签: javascript jquery html format

我想将所有输入类型编号格式化为逗号分隔值,我找到了通过网络进行转换的代码,但它不能以我想要的方式工作,它应该将所有输入数字转换为特定格式。

我也试过,做类型文本,但它仍然无法正常工作。



$(document).ready(function() {
  $(".number").each(function() {
    var _val = $(this).val();
    $(this).val(_val.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input name="locationError" class="number" type="text" value="1221312321" readonly/>
<input name="locationError" type="text" value="1221312321"  class="number" readonly/>
&#13;
&#13;
&#13;

这是不同的,因为我想在加载文档上

1 个答案:

答案 0 :(得分:1)

将html内的type="number"更改为type="text"或输入=“currency”。

另外请记住,要将jquery选择器更改为$("input[type='text']")$("input[type='currency']"),以便在特定的代码段中使用!

$(document).ready(function() {
  $("input[type='text']").each(function() {
    var x = $(this).val();
    alert(x);
    $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="locationError" type="text" value="1221312321" />
<input name="locationError" type="text" value="1221312321" />