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.