Input Mask
jquery.inputmask is a jquery plugin which create an input mask. An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers.
Example
Code
<div class="input-field col s12"> <input placeholder="" id="mask1" class="masked" type="text" data-inputmask="'alias': 'date'"> <label for="mask1" class="active">Date</label></div><div class="input-field col s12"> <input placeholder="" id="mask2" class="masked" type="text" data-inputmask="'mask': 'y/m/d'"> <label for="mask2" class="active">Date Alt</label></div><div class="input-field col s12"> <input placeholder="" id="mask3" class="masked" type="text" data-inputmask="'mask': 'h:s'"> <label for="mask3" class="active">Time</label></div><div class="input-field col s12"> <input placeholder="" id="mask4" class="masked" type="text" data-inputmask="'mask': '(999) 999-9999'"> <label for="mask4" class="active">Phone</label></div><div class="input-field col s12"> <input placeholder="" id="mask5" class="masked" type="text" data-inputmask="'numericInput': true, 'mask': '$ 999,999.99', 'rightAlignNumerics':false"> <label for="mask5" class="active">Currency</label></div>