jQuery Input mask
All type of input mask with placeholder.
Markup
<input type="text" class="form-control date-mask"/>
JS
/** * Dependent File * jquery.noty.js * */ if ($.fn.mask) { $('.date-mask').mask('11/11/1111', { placeholder: "__/__/____" }); $('.time-mask').mask('00:00:00', { placeholder: "00:00:00" }); $('.date_time-mask').mask('00/00/0000 00:00:00', { placeholder: "00/00/0000 00:00:00" }); $('.cep-mask').mask('00000-000', { placeholder: "00000-000" }); $('.phone-mask').mask('0000-0000', { placeholder: "0000-0000" }); $('.phone_with_ddd-mask').mask('(00) 0000-0000', { placeholder: "(00) 0000-0000" }); $('.phone_us-mask').mask('(000) 000-0000', { placeholder: "(000) 000-0000" }); $('.mixed-mask').mask('AAA 000-S0S', { placeholder: "AAA 000-S0S" }); $('.cpf-mask').mask('000.000.000-00', { reverse: true, placeholder: "000.000.000-00" }); $('.money-mask').mask('000.000.000.000.000,00', { reverse: true, placeholder: "000.000.000.000.000,00" }); $('.money2-mask').mask("#.##0,00", { reverse: true, maxlength: false, placeholder: "#.##0,00" }); $('.ip_address-mask').mask('0ZZ.0ZZ.0ZZ.0ZZ', { placeholder: "0ZZ.0ZZ.0ZZ.0ZZ", translation: { 'Z': { pattern: /[0-9]/, optional: true } } }); $('.ip_address-mask').mask('099.099.099.099', { placeholder: "099.099.099.099" }); $('.percent-mask').mask('##0,00%', { reverse: true, placeholder: "###,##%" }); $('.clear-if-not-match-mask').mask("00/00/0000", { clearIfNotMatch: true, placeholder: "__/__/____" }); $('.placeholder-mask').mask("00/00/0000", { placeholder: "__/__/____" }); }