Jquery Input Mask Plugin

Question

How to populate the last two digits after the mask? Example: XXXX99
So, when I key in the first digit should be 1XXX99

var autoPopulateNo = "\\9\\9"  //how to put this after the mask? example XXXX99

$("#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>

how about if the last two digits number is 99 instead of 56? — Rick
– Rick, Commented Jun 29, 2017 at 9:21

vishal · Accepted Answer · 2017-06-30 06:42:28Z

1

The thing is so simple.You just append your variable with mask.

var autoPopulateNo = 56  
$("#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>

edited Jun 30, 2017 at 6:42

answered Jun 29, 2017 at 11:00

vishal

11610 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rick Over a year ago

could you try this? var autoPopulateNo = 99

vishal Over a year ago

I will check and tell.

Collectives™ on Stack Overflow

Jquery Input Mask Plugin

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related