استاتیک ماسک اساسی
ورودی ماسک با استفاده از برچسب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'); } });
© کپی رایت
بومی سازی شده توسط : ایمان پاکروح