Question

我要允许用户输入0到1000之间的金额。他可以选择输入美分。我要允许的金额示例： 199.99， 29.90， 999.99， 0.01， 10 999

我尝试了这个，但实际上不起作用：

$('.input-price').mask('000.00', {reverse: true});

还有其他可以建议我的工作方式吗？

Answer 1

尝试一下（JS）

    function isNumberDot(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)&& charCode != 46 && charCode != 127) {
            return false;
        }
        return true;
    }

<input type="text" value="0.00"
    onKeyPress="return isNumberDot(event);"
    autocomplete="off"  onFocus="this.select();" onChange="if(this.value=='NaN' || this.value==''){this.value='0.00'};this.value=parseFloat(this.value).toFixed(2);"
    >

Answer 2

您可以使用9占位符，该占位符使数字成为可选：

$('.input-price').mask('099.99');

<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.15/jquery.mask.js"></script>

<input type="text" class="input-price" placeholder="Enter price..." />

如何使用jQuery输入掩码定义价格的输入掩码

2 个答案: