javascript - Jquery Input Mask (Redefine numeric "9") - Stack Overflow

admin管理员组

文章数量:1344313

I'm using RobinHerbots jquery input mask.
How to redefine the "9", so the mask will show XXXX91 instead of XXXXX1?

EDIT: if possible I would like to make last two digits uneditable

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

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

});

<script src=".1.1/jquery.min.js"></script>
<script src=".1.1/jquery.min.js"></script>
<script src=".cdpn.io/3/jquery.inputmask.bundle.js"></script>
<form action="">  
  <div>
    <label for="number">Mask</label>
    <input id="number" type="text"/>
  </div>
</form>

I'm using RobinHerbots jquery input mask.
How to redefine the "9", so the mask will show XXXX91 instead of XXXXX1?

EDIT: if possible I would like to make last two digits uneditable

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

• javascript
• jquery
• input-mask

Share Improve this question Follow edited Jun 30, 2017 at 5:03 Jeric Cruz 1,90911 gold badge1515 silver badges3030 bronze badges asked Jun 30, 2017 at 2:06 RickRick 54111 gold badge99 silver badges2323 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

You can use "escapeChar"

Definition of the symbols used to escape a part in the mask.

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

Use placeholder: "XXXX91" instead of placeholder:"X". If you need to escape the 9 in your mask, use \\ symbol:

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

In masked.input.min.js file find:

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

this part and delete:

9: {
    ...
}

本文标签： javascriptJquery Input Mask (Redefine numeric quot9quot)Stack Overflow