如何获得带步进电机的数字输入元素,以附加“0”来表示货币价值?

时间:2013-09-25 18:54:04

标签: jquery html5 input floating-point number-formatting

感谢Dave的帮助(这里有很多“Dave不在这里”):Is there a float input type in HTML(5)?,我有一个浮点元素,但当我将停止电机设置为0.05时,它会:

0.05
0.1
0.15
0.2

我希望它代表金钱,所以它会:

0.05
0.10
0.15
0.20

我是否必须编写jQuery来将此“0”附加到窗口小部件的模糊处,或者...... ???

1 个答案:

答案 0 :(得分:1)

除了JavaScript之外,我不知道任何格式化输入值的方法:

document.querySelector('input[type=number]')
.addEventListener('change', function () {
    var parts = this.value.split('.');

    // Integer number
    if (parts.length < 2) {
        this.value += '.00';
    }

    // Single digit after the point
    else if (parts[1].length < 2) {
        this.value += '0';
    }
});

演示:http://jsfiddle.net/kdUJm/