استاتیک ماسک اساسی
ورودی ماسک با استفاده از برچسبinput
<input id="elementId" type="text" class="form-control" placeholder="">
$('#static-mask1').inputmask("99-9999999");
$('#static-mask2').inputmask({mask: "aa-9999"});
ماسک های جایگزین
$("#alternate-masks1").inputmask({
mask: ["99.9", "X"],
definitions: {
"X": {
validator: "[xX]",
casing: "upper"
}
}
});
$("#alternate-masks2").inputmask("(99.9)|(X)", {
definitions: {
"X": {
validator: "[xX]",
casing: "upper"
}
}
});
سینتکس پویا
$('#dynamic-syntax-1').inputmask("9-a{1,3}9{1,3}"); //mask with dynamic syntax
$('#dynamic-syntax-2').inputmask("aa-9{4}"); //static mask with dynamic syntax
$('#dynamic-syntax-3').inputmask("aa-9{1,4}"); //dynamic mask ~ the 9 def can be occur 1 to 4 times
تاریخ
// Date
$("#date").inputmask("99/99/9999");
$("#date2").inputmask("99-99-9999");
$("#date3").inputmask("99 December, 9999");
ایمیل
// Email
$("#email").inputmask(
{
mask:"*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
greedy:!1,onBeforePaste:function(m,a){return(m=m.toLowerCase()).replace("mailto:","")},
definitions:{"*":
{
validator:"[0-9A-Za-z!#$%&'*+/=?^_`{|}~-]",
cardinality:1,
casing:"lower"
}
}
}
)
IP
// IP Address
$("#ip-add").inputmask({mask:"999.999.999.999"});
موبایل
// Phone Number
$("#ph-number").inputmask({mask:"(999) 999-9999"});
ارز
// Currency
$("#currency").inputmask({mask:"$999,9999,999.99"});
متدها
تکرار
// Repeater
$("#repeater").inputmask({ "mask": "2", "repeat": 4}); // ~ mask "9999999999"
پیش فرض
// Set Default Value
$("#setVal").inputmask(
{
mask:"*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
greedy:!1,onBeforePaste:function(m,a){return(m=m.toLowerCase()).replace("mailto:","")},
definitions:{"*":
{
validator:"[0-9A-Za-z!#$%&'*+/=?^_`{|}~-]",
cardinality:1,
casing:"lower"
}
}
}
)
$('#setVal').on('focus', function(event) {
$(this).inputmask("setvalue", 'test@mail.com');
});
کامل است
ماسک قبلاً پر شده است
// isComplete
$("#isComplete").inputmask({mask:"999.999.999.99"})
$("#isComplete").inputmask("setvalue", "117.247.169.64");
$('#isComplete').on('focus keyup', function(event) {
event.preventDefault();
if($(this).inputmask("isComplete")){
$('#isCompleteHelp').css('display', 'block');
}
});
$('#isComplete').on('keyup', function(event) {
event.preventDefault();
if(!$(this).inputmask("isComplete")){
$('#isCompleteHelp').css('display', 'none');
}
});
کامل
شما با موفقیت ماسک را کامل کردید
// On Complete
$("#oncomplete").inputmask("99/99/9999",{ oncomplete: function(){ $('#oncompleteHelp').css('display', 'block'); } });
به طور کامل
فیلد ورودی ناقص
// On InComplete
$("#onincomplete").inputmask("99/99/9999",{ onincomplete: function(){ $('#onincompleteHelp').css('display', 'block'); } });
روشن است
لطفا فیلد را پر کنید
// On Cleared
$("#oncleared").inputmask("99/99/9999",{ oncleared: function(){ $('#onclearedHelp').css('display', 'block'); } });
© کپی رایت
بومی سازی شده توسط : ایمان پاکروح