首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML5数字输入-始终显示两位小数

HTML5数字输入-始终显示两位小数
EN

Stack Overflow用户
提问于 2014-03-26 00:43:44
回答 13查看 258.1K关注 0票数 127

有没有办法格式化一个input[type='number']值,使其始终显示两位小数?

例如:我希望看到0.00而不是0

EN

回答 13

Stack Overflow用户

回答已采纳

发布于 2014-03-29 00:11:08

按照建议解决,添加一段jQuery强制对整数进行格式化:

parseFloat($(this).val()).toFixed(2)
票数 77
EN

Stack Overflow用户

发布于 2014-03-26 00:46:09

你不能仅仅用HTML来做到这一点,但是你可能只需要一半的时间:

<input type='number' step='0.01' value='0.00' placeholder='0.00' />

票数 78
EN

Stack Overflow用户

发布于 2015-06-23 08:25:48

在Chrome中使用input="number" step="0.01"的解决方案对我来说很好,但是在一些浏览器中不起作用,特别是Frontmotion Firefox35在我的例子中。我必须支持。

我的解决方案是使用Igor Escobar的jQuery掩码插件进行jQuery,如下所示:

$(document).ready(function () {
  $('.usd_input').mask('00000.00', { reverse: true });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" integrity="sha512-pHVGpX7F/27yZ0ISY+VVjyULApbDlD0/X0rgGbTqCE7WFW5MezNTWG/dnhtbBuICzsd0WQPgpE4REBLv+UqChw==" crossorigin="anonymous"></script>

<input type="text" autocomplete="off" class="usd_input" name="dollar_amt">

这很有效,当然应该在提交后检查提交的值:)注意,如果我不是为了浏览器兼容性而这样做,我会使用@Rich Bradshaw的上面的答案。

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22641074

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档