jQuery Mask - Documentation (O11)

Leonardo Pires

Created on 22 September 2021

Reactive

5.0

(4 ratings)

2 reviews

192

Documentation

1.0.9

Options

Mask
- Selector: To use id use #Widget.id, to use class use .ClassName
- Mask: Masks available
  - date - 00/00/0000
  - time - 00:00:00
  - date_time - 00/00/0000 00:00:00
  - cep - 00000-000
  - phone - 0000-0000
  - phone_with_ddd - (00) 0000-0000
  - phone_us - (000) 000-0000
  - mixed - AAA 000-S0S
  - cpf - 000.000.000-00 | Reverse: true
  - cnpj - 00.000.000/0000-00 | Reverse: true
  - money - 000.000.000.000.000,00 | Reverse: true
  - money2 - #.##0,00 | Reverse: true
  - ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
  - ip_address - 099.099.099.099
  - percent - ##0,00% | Reverse: true
  - clear-if-not-match - 00/00/0000
  - selectonfocus - 00/00/0000
  - Reverse: Use to reverse direction text in input
Placeholder: Use to implement placeholder in your mask.
Reverse: Use to reverse direction text in input.
Extend: Use to extend advanced mask, in this example, we can use mask custom with cnpj and cpf in same input
- Mask: 000.000.000-00
- Extend:
- onKeyPress : function(cpfcnpj, e, field, options) {
- $("#input_cnpj_search").mask(cpfcnpj.length > 14 ? "00.000.000/0000-00" : "000.000.000-000", options);
- }
UnMask: Getting the unmasked typed value.

MaskClass
- A plugin to make masks on form fields with class.
- Lists of available classes
- mask-date - 00/00/0000
- mask-time - 00:00:00
- mask-date_time - 00/00/0000 00:00:00
- mask-cep - 00000-000
- mask-phone - 0000-0000
- mask-phone_with_ddd - (00) 0000-0000
- mask-phone_us - (000) 000-0000
- mask-mixed - AAA 000-S0S
- mask-cpf - 000.000.000-00
- mask-cnpj - 00.000.000/0000-00
- mask-money - 000.000.000.000.000,00
- mask-money2 - #.##0,00
- mask-ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
- mask-ip_address - 099.099.099.099
- mask-percent - ##0,00%
- mask-clear-if-not-match - 00/00/0000
- mask-selectonfocus - 00/00/0000

1.0.7

Options

Mask
- Selector: To use id use #Widget.id, to use class use .ClassName
- Mask: Masks available
  - date - 00/00/0000
  - time - 00:00:00
  - date_time - 00/00/0000 00:00:00
  - cep - 00000-000
  - phone - 0000-0000
  - phone_with_ddd - (00) 0000-0000
  - phone_us - (000) 000-0000
  - mixed - AAA 000-S0S
  - cpf - 000.000.000-00 | Reverse: true
  - cnpj - 00.000.000/0000-00 | Reverse: true
  - money - 000.000.000.000.000,00 | Reverse: true
  - money2 - #.##0,00 | Reverse: true
  - ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
  - ip_address - 099.099.099.099
  - percent - ##0,00% | Reverse: true
  - clear-if-not-match - 00/00/0000
  - selectonfocus - 00/00/0000
  - Reverse: Use to reverse direction text in input
Placeholder: Use to implement placeholder in your mask.
Reverse: Use to reverse direction text in input.
Extend: Use to extend advanced mask, in this example, we can use mask custom with cnpj and cpf in same input
- Mask: 000.000.000-00
- Extend:
- onKeyPress : function(cpfcnpj, e, field, options) {
- $("#input_cnpj_search").mask(cpfcnpj.length > 14 ? "00.000.000/0000-00" : "000.000.000-000", options);
- }
UnMask: Getting the unmasked typed value.

MaskClass
- A plugin to make masks on form fields with class.
- Lists of available classes
- mask-date - 00/00/0000
- mask-time - 00:00:00
- mask-date_time - 00/00/0000 00:00:00
- mask-cep - 00000-000
- mask-phone - 0000-0000
- mask-phone_with_ddd - (00) 0000-0000
- mask-phone_us - (000) 000-0000
- mask-mixed - AAA 000-S0S
- mask-cpf - 000.000.000-00
- mask-cnpj - 00.000.000/0000-00
- mask-money - 000.000.000.000.000,00
- mask-money2 - #.##0,00
- mask-ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
- mask-ip_address - 099.099.099.099
- mask-percent - ##0,00%
- mask-clear-if-not-match - 00/00/0000
- mask-selectonfocus - 00/00/0000

How its work?
- A plugin to make masks on form fields.
- Documentation - Learn to use the plugin
  - https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html
  - https://igorescobar.github.io/jQuery-Mask-Plugin/#examples

1.0.5

Options

Mask
Selector: To use id use #Widget.id, to use class use .ClassName
Mask:
Masks available
date - 00/00/0000
time - 00:00:00
date_time - 00/00/0000 00:00:00
cep - 00000-000
phone - 0000-0000
phone_with_ddd - (00) 0000-0000
phone_us - (000) 000-0000
mixed - AAA 000-S0S
cpf - 000.000.000-00 | Reverse: true
cnpj - 00.000.000/0000-00 | Reverse: true
money - 000.000.000.000.000,00 | Reverse: true
money2 - #.##0,00 | Reverse: true
ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
ip_address - 099.099.099.099
percent - ##0,00% | Reverse: true
clear-if-not-match - 00/00/0000
selectonfocus - 00/00/0000
Reverse: Use to reverse direction text in input

MaskClass
A plugin to make masks on form fields with class.
Lists of available classes
mask-date - 00/00/0000
mask-time - 00:00:00
mask-date_time - 00/00/0000 00:00:00
mask-cep - 00000-000
mask-phone - 0000-0000
mask-phone_with_ddd - (00) 0000-0000
mask-phone_us - (000) 000-0000
mask-mixed - AAA 000-S0S
mask-cpf - 000.000.000-00
mask-cnpj - 00.000.000/0000-00
mask-money - 000.000.000.000.000,00
mask-money2 - #.##0,00
mask-ip_address - 0ZZ.0ZZ.0ZZ.0ZZ
mask-ip_address - 099.099.099.099
mask-percent - ##0,00%
mask-clear-if-not-match - 00/00/0000
mask-selectonfocus - 00/00/0000

How its work?

A plugin to make masks on form fields.

Documentation - Learn to use the plugin

https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html

Support options

This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from who created this asset.

Dependencies

jQuery Mask has no dependencies.