Availability |
Odoo Online
Odoo.sh
On Premise
|
Lines of code | 85 |
Technical Name |
inputmask_widget |
License | AGPL-3 |
Website | https://gilvanleal.github.io/odoowidgets/ |
Versions | 10.0 12.0 11.0 |
Availability |
Odoo Online
Odoo.sh
On Premise
|
Lines of code | 85 |
Technical Name |
inputmask_widget |
License | AGPL-3 |
Website | https://gilvanleal.github.io/odoowidgets/ |
Versions | 10.0 12.0 11.0 |
Inputmask Widget
Based on jquery.inputmask 3.x Docs in GitHub.
An Inputmask Widget helps the user with the input by ensuring a predefined format.
This can be useful for dates, numerics, phone numbers, ...
Instructions:
Just add attribute widget="mask" and data-inputmask[-<attribute>]="<value>" to <field /> on form, tree and kanban
Some examples:
<field widget="mask" data-inputmask="'alias': 'date'" name="name" /> <field widget="mask" data-inputmask="'mask': '99/99/9999'" name="name" /> <field widget="mask" data-inputmask="'mask': '99-aa-**-AA-&&-##'" name="name" /> <field widget="mask" data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" name="name" />
Or:
<field widget="mask" data-inputmask-alias="date" name="name" /> <field widget="mask" data-inputmask-mask="99/99/9999" name="name" /> <field widget="mask" data-inputmask-mask="99-aa-**-AA-&&-##" name="name" /> <field widget="mask" data-inputmask-mask="9" data-inputmask-repeat="10" data-inputmask-greedy="false" name="name" />
Note: Use contenteditable="true" for apply mask in others HTML tags: span, div, etc. Improve
Just add attribute widget="mask_regex" and data-inputmask[-regex]="<value>" to <field />
With the regex extension you can use any regular expression as a mask. Currently this does only input restriction. There is no further masking visualization.
Example email validation:
<field widget="regex_mask" data-inputmask-regex="[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,4}" name="name"/>
Widgets names use:
mask: CharField Only integer_mask: IntegerField in development... float_mask: FloatField in development... regex_mask: CharField Only monetary_mask: in development... Masking definition:
9: Numeric value a: Alphabetical value *: Alphanumeric value A: Alphabetical uppercasing &: Alfanumeric uppercasing - (Use & for escape & in XML file) #: Hexadecimal Attributes:
mask: The mask to use. repeat: Mask repeat function. Repeat the mask definition x-times. greedy: Toggle to allocate as much possible or the opposite. Non-greedy repeat function. placeholder: Change the mask placeholder. Default: "_" autounmask: Automatically unmask the value when retrieved. Default: false. removemaskonsubmit: *Remove the mask before submitting the form.Default: false clearmaskonlostfocus: Remove the empty mask on blur or when not empty removes the optional trailing part Default: true insertmode: Toggle to insert or overwrite input. Default: true. clearincomplete: Clear the incomplete input on blur. alias: The alias to use. Aliases:
Some aliases found in the extensions are: email, currency, decimal, integer, date, datetime, dd/mm/yyyy, url, ip, etc.
Docs:
- Date and Datetime
- Numeric
- Regex
- Phone
- Other
Please log in to comment on this module
Report comment
Any abuse of this reporting system will be penalizedGreat module
By mistake the single star applied. this is 4 star app. very useful.
Great module
Great module, Only the issue is it does not work in safari and chrom on mac