input type="number" 保持小数点后面两位

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/fukaiit/article/details/100599221

其实下面的方法看起来也很low，但是查了很多资料，也没找到一个完美的方法。

<input type="number" class="number">

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.number').change(function() {
        let val = parseFloat($(this).val());
        if (isNaN(val)) {
            val = 0;
        }
        $(this).val(val.toFixed(2));
    });
});
</script>

---

相关：Bootstrap TouchSpin

在查阅input type="number"控制小数点位数相关资料时，看到一个相关的插件还不错。

<input type="number" class="number">

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.bootstrap-touchspin.js"></script>
<script type="text/javascript">
$(function() {
    $(".number").TouchSpin({
        min: 0,
        max: 100,
        step: 0.1,
        decimals: 2,
        boostat: 5,
        maxboostedstep: 10,
        postfix: '%'
    });
});
</script>

Settings：

OPTION	DEFAULT	DESCRIPTION
initval	“”	Applied when no explicit value is set on the input with the value attribute. Empty string means that the value remains empty on initialization.
min	0	Minimum value.
max	100	Maximum value.
step	1	Incremental/decremental step on up/down change.
forcestepdivisibility	‘round’	How to force the value to be divisible by step value: ‘none’
decimals	0	Number of decimal points.
stepinterval	100	Refresh rate of the spinner in milliseconds.
stepintervaldelay	500	Time in milliseconds before the spinner starts to spin.
verticalbuttons	false	Enables the traditional up/down buttons.
verticalupclass	‘glyphicon glyphicon-chevron-up’	Class of the up button with vertical buttons mode enabled.
verticaldownclass	‘glyphicon glyphicon-chevron-down’	Class of the down button with vertical buttons mode enabled.
prefix	“”	Text before the input.
postfix	“”	Text after the input.
prefix_extraclass	“”	Extra class(es) for prefix.
postfix_extraclass	“”	Extra class(es) for postfix.
booster	true	If enabled, the the spinner is continually becoming faster as holding the button.
boostat	10	Boost at every nth step.
maxboostedstep	false	Maximum step when boosted.
mousewheel	true	Enables the mouse wheel to change the value of the input.
buttondown_class	‘btn btn-default’	Class(es) of down button.
buttonup_class	‘btn btn-default’	Class(es) of up button.