The Masked Textbox control is used to enter input from a user based on a defined masked.
new ac.inputs.MaskedTextBox({ mask: "000-000-0000" }, "#txtMask1");
new ac.inputs.MaskedTextBox({ mask: "00/00/0000" }, "#txtMask2");
new ac.inputs.MaskedTextBox({ mask: ">LLL" }, "#txtMask3");
new ac.inputs.MaskedTextBox({ mask: ">AAAAA-AAAAA-AAAAA-AAAAA" }, "#txtMask4");<div class="form-horizontal form-bordered">
<div class="form-horizontal form-bordered">
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Default</label>
<div class="col-lg-8">
<input id="cntlDefault" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Single Selection</label>
<div class="col-lg-8">
<input id="cntlDefaultSingle" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Allow Reset</label>
<div class="col-lg-8">
<input id="cntlDefaultReset" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Readonly</label>
<div class="col-lg-8">
<input id="cntlDefaultReadonly" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Number of Items</label>
<div class="col-lg-8">
<input id="cntlDefaultItems" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Disabled</label>
<div class="col-lg-8">
<input id="cntlDefaultDisabled" />
</div>
</div>
</div>new ac.inputs.MaskedTextBox(
{
mask: "[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9]"
},
"#txtMaskIpAddress"
);<div class="form-horizontal form-bordered">
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Phone Number</label>
<div class="col-lg-8">
<input id="txtMaskIpAddress" type="text" />
</div>
</div>
</div>