javascript - 范围 0-100 使用 jQuery inputmask 插件

Question

如何为 0 到 100 的范围创建 mask ？

$(document).ready(function() {
    $("#masked").inputmask(???);
});

Answer 1

您可以为此使用 jquery.inputmask.regex.extensions.js。您可以找到所有扩展名的原始 js on this link .关于正则表达式扩展(以及所有其他扩展)的 github 部分可以在 jquery.inputmask#regex-extensions 上找到。 .

包含该扩展后，您只需使用以下正则表达式即可:

^[1-9][0-9]?$|^100$

这匹配 1 位或 2 位数字和数字 100。

然后你只需像往常一样将它传递给 inputmask 插件:

HTML

Test: <input type="text" id="example1">

JavaScript

$(document).ready(function(){
    $("#example1").inputmask('Regex', { regex: "^[1-9][0-9]?$|^100$" });
});

这是一个 jsFiddle 来证明它有效:

> SEE DEMO

---

编辑1

我刚刚看到您想要匹配 0-100 而不是我在上面所做的 1-100。

要匹配 0-100，只需将 "^[1-9][0-9]?$|^100$" 更改为 "^ [0-9][0-9]?$|^100$"

我在哪里将“^[1-9][0-9]?$|^100$”中的 1 更改为 0 .可以找到更正后的 jsFiddle here .

---

编辑2

截至January 14, 2015 , 现在也可以使用 numeric extension .有了这个扩展，您现在可以简单地对整数范围执行以下操作:

$("#example1").inputmask('integer',{min:1, max:100});

对于十进制数:

$("#example1").inputmask('decimal',{min:1, max:100});

参见 demo .

---

编辑3

截至 2016 年 9 月，语法已更改:

$("#example1").inputmask("numeric", {
  min: 0,
  max: 100
});

参见NEW DEMO

请注意，它现在仅在输入数字并且用户在输入框外的某处单击后才有效。