HTML v4.0
Introduction
Apps
UI Elements
Form Elements
Maps
Have an account? Sign in
Masked Input
PS
Last updated 2 months ago
Allows the user to enter fixed width input while conforming to a character format. Powered by jQuery Masked Input plugin.
Please refer to jQuery Masked Input Documentation to learn about plugin options
Step one
Include the javascript file inside the <body>before core template script inclusions, if it's not there already. Please view jQuery plugin inclusion guideline rules​
<script src="assets/plugins/jquery-inputmask/jquery.inputmask.min.js" type="text/javascript">
Step two
Add the markup.
<input type="text" id="phone" class="form-control">
Step three
Apply the plugin.
Make sure you place the following script below all the pre-requisites mentioned in the Step two above.
<script>$(document).ready(function() {$("#phone").mask("(999) 999-9999");});</script>