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

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 输入掩码定义价格的输入掩码

How can I define input mask for price with jquery input mask

javascript

jquery

jquery-inputmask