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: "__/__/____"
});
}
