Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Reback Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size

Input Mask

Overview Official Website

Inputmask is a javascript library that creates an input mask.

Usage

Input Masks's Javascript files are bundled in the vendor.js and globally included in all pages.

Input Masks#

A Java-Script Plugin to make masks on form fields and HTML elements.

e.g "DD/MM/YYYY"

Add attribute data-toggle="input-mask" data-mask-format="00/00/0000"

e.g "HH:MM:SS"

Add attribute data-toggle="input-mask" data-mask-format="00:00:00"

e.g "DD/MM/YYYY HH:MM:SS"

Add attribute data-toggle="input-mask" data-mask-format="00/00/0000 00:00:00"

e.g "xxxxx-xxx"

Add attribute data-toggle="input-mask" data-mask-format="00000-000"

e.g "x-xx-xx-xx"

Add attribute data-toggle="input-mask" data-mask-format="0-00-00-00"

e.g "Your money"

Add attribute data-mask-format="000.000.000.000.000,00" data-reverse="true"

e.g "#.##0,00"

Add attribute data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true"

e.g "xxxx-xxxx"

Add attribute data-toggle="input-mask" data-mask-format="0000-0000"

e.g "(xx) xxxx-xxxx"

Add attribute data-toggle="input-mask" data-mask-format="(00) 0000-0000"

e.g "(xxx) xxx-xxxx"

Add attribute data-toggle="input-mask" data-mask-format="(000) 000-0000"

e.g "(xx) xxxxx-xxxx"

Add attribute data-toggle="input-mask" data-mask-format="(00) 00000-0000"

e.g "xxx.xxx.xxxx-xx"

Add attribute data-mask-format="000.000.000-00" data-reverse="true"

e.g "xx.xxx.xxx/xxxx-xx"

Add attribute data-toggle="input-mask" data-mask-format="00.000.000/0000-00" data-reverse="true"

e.g "xxx.xxx.xxx.xxx"

Add attribute data-toggle="input-mask" data-mask-format="099.099.099.099" data-reverse="true"

html
                                                                      
                                                                           <!-- Input masks -->
                                                                           <form action="#">
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Date</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000">
                                                                                     <span class="fs-13 text-muted">e.g "DD/MM/YYYY"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Hour</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00:00:00">
                                                                                     <span class="fs-13 text-muted">e.g "HH:MM:SS"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Date & Hour</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000 00:00:00">
                                                                                     <span class="fs-13 text-muted">e.g "DD/MM/YYYY HH:MM:SS"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">ZIP Code</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00000-000">
                                                                                     <span class="fs-13 text-muted">e.g "xxxxx-xxx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Crazy Zip Code</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0-00-00-00">
                                                                                     <span class="fs-13 text-muted">e.g "x-xx-xx-xx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Money</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000.000.000,00" data-reverse="true">
                                                                                     <span class="fs-13 text-muted">e.g "Your money"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Money 2</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true">
                                                                                     <span class="fs-13 text-muted">e.g "#.##0,00"</span>
                                                                                </div>
     
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Telephone</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0000-0000">
                                                                                     <span class="fs-13 text-muted">e.g "xxxx-xxxx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">Telephone with Code Area</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 0000-0000">
                                                                                     <span class="fs-13 text-muted">e.g "(xx) xxxx-xxxx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">US Telephone</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(000) 000-0000">
                                                                                     <span class="fs-13 text-muted">e.g "(xxx) xxx-xxxx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">São Paulo Celphones</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 00000-0000">
                                                                                     <span class="fs-13 text-muted">e.g "(xx) xxxxx-xxxx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">CPF</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000-00" data-reverse="true">
                                                                                     <span class="fs-13 text-muted">e.g "xxx.xxx.xxxx-xx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">CNPJ</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00.000.000/0000-00" data-reverse="true">
                                                                                     <span class="fs-13 text-muted">e.g "xx.xxx.xxx/xxxx-xx"</span>
                                                                                </div>
                                                                                <div class="mb-3">
                                                                                     <label class="form-label">IP Address</label>
                                                                                     <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="099.099.099.099" data-reverse="true">
                                                                                     <span class="fs-13 text-muted">e.g "xxx.xxx.xxx.xxx"</span>
                                                                                </div>
                                                                           </form>
                                                                      
                                                                 
© Reback. Crafted by Techzaa