如何使jquery.inputmask与input type = number一起使用?

时间:2014-07-24 22:40:54

标签: jquery jquery-inputmask

只要输入类型=文本,我就可以使用此插件正常运行代码,但我想使用type = number,以便在移动设备上显示正确的键盘。

有没有办法做到这一点,希望我在文档中遗漏了一些设置?

这是我的HTML:

<input id="Price" name="Price" type="number" placeholder="0.00" tabindex="3"/>

这是我的js:

$(document).ready(function(){
    $('#Price').inputmask("[9][9]9.99", {
        numericInput: true,
        "placeholder": "0",
        showMaskOnHover: false,
        greedy: false
    });
});

2 个答案:

答案 0 :(得分:5)

jQuery Inputmask插件(http://plugins.jquery.com/jquery.inputmask/)使用setSelectionRangeselectionStartselectionEnd(在https://github.com/RobinHerbots/jquery.inputmask/blob/3.x/js/jquery.inputmask-multi.js中)。当<input type="number"/>字段in Chrome更新为符合W3C更改时,这些属性/方法已被删除。

如果您认为更改W3C以删除号码字段上的这些功能是错误的,请投票选择Bugzilla bug #24796

some hacks解决此问题,或者您可能需要使用<input type="text">

答案 1 :(得分:0)

我的解决方案是将pattern =“[0-9] *”添加到input type =“text”,或者如果它不起作用,请使用input type =“tel” - 允许在手机上输入数字