<div class="card card-custom">
<div class="card-header">
<h3 class="card-title">
نمونه اینپوت ماسک
</h3>
</div>
<!--begin::Form-->
<form class="form">
<div class="card-body">
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">تاریخ</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_1" type="text"/>
<span class="form-text text-muted">سفارشی فرمت تاریخ: <code>mm/dd/yyyy</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نگهدارنده متن سفارشی</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_2" type="text"/>
<span class="form-text text-muted">تاریخ ماسک با متن نگهدارنده سفارشی: <code>mm/dd/yyyy</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">تلفن عدد</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_3" type="text"/>
<span class="form-text text-muted">تلفن ماسک عدد: <code>(999) 999-9999</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">بدون متن نگهدارنده</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_4" type="text"/>
<span class="form-text text-muted">تلفن ماسک عدد: <code>99-9999999</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">ماسک تکرارشونده</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_5" type="text"/>
<span class="form-text text-muted">ماسک <code>9</code>, <code>99</code> یا...<code>9999999999</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه دیگر</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_6" type="text"/>
<span class="form-text text-muted"> </span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">واحد پول</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_7" type="text"/>
<span class="form-text text-muted">فرمت واحد پول<code>€ ___.__1.234,56</code></span>
</div>
</div>
<div class="form-group row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نشانی آی پی</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_8" type="text"/>
</div>
</div>
<div class="row">
<label class="col-form-label text-right col-lg-3 col-sm-12">نشانی پست الکترونیکی</label>
<div class="col-lg-6 col-md-9 col-sm-12">
<input type='text' class="form-control" id="kt_inputmask_9" type="text"/>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col-lg-9 ml-lg-auto">
<button type="reset" class="btn btn-primary mr-2">ارسال</button>
<button type="reset" class="btn btn-secondary">لغو</button>
</div>
</div>
</div>
</form>
<!--end::Form-->
</div>
// کلاس definition
var KTورودیmask = function () {
// خصوصی functions
var demos = function () {
// فرمت تاریخ
دلار("#kt_inputmask_1").inputmask("99/99/9999", {
"placeholder": "mm/dd/yyyy",
autoUnmask: true
});
// custom placeholder
دلار("#kt_inputmask_2").inputmask("99/99/9999", {
"placeholder": "mm/dd/yyyy",
});
// phone number format
دلار("#kt_inputmask_3").inputmask("mask", {
"mask": "(999) 999-9999"
});
// empty placeholder
دلار("#kt_inputmask_4").inputmask({
"mask": "99-9999999",
placeholder: "" // remove underscores from the input mask
});
// repeating mask
دلار("#kt_inputmask_5").inputmask({
"mask": "9",
"repeat": 10,
"greedy": false
}); // ~ mask "9" or mask "99" یا...mask "9999999999"
// decimal format
دلار("#kt_inputmask_6").inputmask('decimal', {
rightAlignNumerics: false
});
// currency format
دلار("#kt_inputmask_7").inputmask('€ 999.999.999,99', {
numericورودی: true
}); //123456 => € ___.__1.234,56
//ip address
دلار("#kt_inputmask_8").inputmask({
"mask": "999.999.999.999"
});
//email address
دلار("#kt_inputmask_9").inputmask({
mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
greedy: false,
onBeforePaste: function (pastedValue, opts) {
pastedValue = pastedValue.toLowerCase();
return pastedValue.replace("mailto:", "");
},
definitions: {
'*': {
validator: "[0-9A-Za-z!#دلار%&'*+/=?^_`{|}~\-]",
cardinality: 1,
casing: "lower"
}
}
});
}
return {
// public functions
init: function() {
demos();
}
};
}();
jQuery(document).ready(function() {
KTورودیmask.init();
});
