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

Question

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

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

Answer 1

你可以使用jquery.inputmask.regex.extensions.js它。您可以在此链接上找到带有所有扩展名的原始 js 。关于正则表达式扩展（以及所有其他扩展）的 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 来证明它有效：

> 看演示

---

编辑 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

自2015 年 1 月 14 日起，现在也可以使用数字扩展名。使用该扩展，您现在可以简单地对整数范围执行以下操作：

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

对于十进制数：

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

见演示。

---

编辑 3

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

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

查看新演示

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

Answer 2

嗯，我正在寻找一种解决方案来匹配我的字段中介于 0.00 和 100.00 之间的所有值与jQuery.inputmask.

我看到了需要用户为插件添加外部库的公认答案，我设法想出了一个内置的解决方案。

就这样吧。

<input type="text" data-inputmask data-inputmask-mask="(99)|(100)" name="field"/>

或者，使用 jQuery

jQuery(function($) {
    $('input').inputmask("(99)|(100)");
});

渲染如下

Answer 3

你可以用简单的html来做这个！！ http://www.w3schools.com/tags/att_input_min.asp http://www.w3schools.com/tags/att_input_max.asp

Answer 4

基于inputmask 插件主页：

$(selector).inputmask("99-9999999");