Pages UI
Search…
v5.0.1 - Pages HTML
UI Elements
Form Elements
Masked Input
Allows the user to enter fixed width input while conforming to a character format. Powered by jQuery Masked Input plugin.
Step one
Include the javascript file inside the
<body>before core template script inclusions, if it's not there already.1
<script src="assets/plugins/jquery-inputmask/jquery.inputmask.min.js" type="text/javascript">
Copied!
Step two
Add the markup.
1
<input type="text" id="phone" class="form-control">
Copied!
Step three
Apply the plugin.
Make sure you place the following script below all the pre-requisites mentioned in the Step two above.
1
<script>
2
$(document).ready(function() {
3
$("#phone").mask("(999) 999-9999");
4
});
5
</script>
Copied!
Last modified 2yr ago
Copy link