@@include('global/_head.html',{ "headTitle": "Inputmask", "prism": "true", }) @@include('docs/_sidebar.html', {"page": "formelements"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )

Inputmask

How it works

Inputmask is a javascript library that creates an input mask. Inputmask can run against vanilla javascript, jQuery, and jqlite.. For more info, please visit the https://flatpickr.js.org/, An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers, ...

Custom date format: mm/dd/yyyy
Phone number format: (999) 999-9999
Phone number format with placeholder: (999) 999-9999
Mask 9, 99or ... 9999999999
Numeric format
Currency format: € ___.__1.234,56
Custom format: 999.999.999.999
Custom format: _@_
<!-- Plugin Js -->
<script src="assets/bundles/inputmask.bundle.js"></script>

<!-- Jquery Page Js -->
<script>
$(document).ready(function(){
	$("#example1").inputmask("99-9999999");
	$("#example2").inputmask();
});
</script>
Get started DataTables library @@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_quick-access.html', {"divClass": "offcanvas-end"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "inputmask": "true", "prism": "true", })