Jquery 输入掩码（重新定义数字“9”）

Question

我正在使用 RobinHerbots jquery 输入掩码。
如何重新定义“9”，使蒙版显示 XXXX91 而不是 XXXXX1？

编辑：如果可能的话，我想让最后两位数字不可编辑

var autoPopulateNo = 91  //how to show the mask like this XXXX91

$("#number").inputmask({
"mask": "9999" + autoPopulateNo,
clearMaskOnLostFocus: false,
placeholder:"X",

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<form action="">  
  <div>
    <label for="number">Mask</label>
    <input id="number" type="text"/>
  </div>
</form>

Answer 1

使用 placeholder: "XXXX91" 而不是 placeholder:"X"。如果您需要转义掩码中的 9，请使用 \ 符号：

$("#number").inputmask({ 
  "mask": "9999\91",
  clearMaskOnLostFocus: false,
  placeholder:"XXXX91"
});

Answer 2

您可以使用"escapeChar"

用于转义掩码部分的符号的定义。

escapeChar: "\"

var autoPopulateNo = "\91"  //how to show the mask like this XXXX91

$("#number").inputmask({
"mask": "9999" + autoPopulateNo,
clearMaskOnLostFocus: false,
placeholder:"X",

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<form action="">  
  <div>
    <label for="number">Mask</label>
    <input id="number" type="text"/>
  </div>
</form>

Answer 3

在 masked.input.min.js 文件中找到：

translation:{
    0: {
        pattern: /\d/
    },
    "#": {
        pattern: /\d/,
        recursive: !0
    },
    A: {
        pattern: /[a-zA-Z0-9]/
    }
}

这部分删除：

9: {
    ...
}

Jquery 输入掩码（重新定义数字“9”）

Jquery Input Mask (Redefine numeric "9")

javascript

jquery

input-mask