Masked Input

Masked input plugin extends formatting of user input for better representation while inputs for inputs like numbers, telephone, currency etc.

Step 1

Include JavaScript before end of body tag

<script src="assets/vendor/jquery.mask/jquery.mask.min.js"></script>

Step 2

Add markup with data parameters. use data-mask for formatting

<input type="text" name="field-name" class="form-control" data-mask="00/00/0000" data-mask-clearifnotmatch="true" placeholder="00/00/0000"/>

Last updated