Minimal Numeric Keypad Plugin – jQuery Keypad.js

An ultra-light jQuery plugin lets you connect a minimal clear numeric keypad to an enter (usually a password subject) for under getting into numbers. Work properly on cellular, pill, and desktop gadgets.

See Additionally:

The right way to use it:

1. Add the CSS class ‘keypad’ to the goal enter subject.

<enter sort="password" class="keypad" disabled="disabled" />

2. Create an emtpy DIV ingredient to carry the numeric keypad.

<div id="keypad"></div>

3. Obtain and embrace the Keypad.js after jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.keypad.js"></script>

4. Initialize the keypad plugin on doc prepared. That is it.

$(operate(){
  $('#keypad').keypad();
});

5. Connect the numeric keypad to different enter fields.

$(operate(){
  $('#keypad').keypad({
    inputField: 'enter.one other',
  });
});

6. Customise the keypad’s buttons and kinds.

$(operate(){
  $('#keypad').keypad({
    buttonTemplate: '<button></button>',
    submitButtonText: 'okay',
    deleteButtonText: 'del',
    submitButtonClass: 'submit',
    deleteButtonClass: 'delete'
  });
});

This superior jQuery plugin is developed by visionect. For extra Superior Usages, please examine the demo web page or go to the official web site.