MaskOfficial Website

Inputmask is a javascript library that creates an input mask. Inputmask can run against vanilla javascript, jQuery, and jqlite.

Javascript
<!-- Inputmask js -->
<script src="wwwroot/assetslibs/inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
Initjs (Custom js)
<!-- Inputmask js -->
<script src="wwwroot/assetsjs/pages/form-mask.init.js"></script>
Add Package
yarn add inputmask --save
Remove Package
yarn remove inputmask or you can remove package by removing specific package from package.json
Examples:
Title HTML
Date Style 1
<input id="input-date1" class="form-control input-mask" data-inputmask="'alias': 'datetime'" data-inputmask-inputformat="dd/mm/yyyy">
Date Style 2
<input id="input-date2" class="form-control input-mask" data-inputmask="'alias': 'datetime'" data-inputmask-inputformat="mm/dd/yyyy">
Date time
<input id="input-datetime" class="form-control input-mask" data-inputmask="'alias': 'datetime'">
Currency
<input id="input-currency" class="form-control input-mask text-start" data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'">
Repeat
<input id="input-date1" class="form-control input-mask" data-inputmask="'alias': 'datetime'" data-inputmask-inputformat="dd/mm/yyyy">
Mask
<input id="input-mask" class="form-control input-mask" data-inputmask="'mask': '99-9999999'">
IP address
<input id="input-ip" class="form-control input-mask" data-inputmask="'alias': 'ip'">
Email address:
<input id="input-email" class="form-control input-mask" data-inputmask="'alias': 'email'">
© Skote.