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-&amp;&amp;-##'" 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-&amp;&amp;-##" 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