masked

Search…
masked
[danger] DEPRECATION WARNING
The Masked Input Plugin this component is based on is no longer in active development. This field will be removed in v3.
Masked input field
This is a masked input field for formatted string values. (e.g. phone number, zip code, card numbers...etc)
Please note, this field depend on the following library:
​jQuery​
​maskedinput​
Special properties of field
Property
Default
Accepted values
Description
autocomplete
none
​see doc​
Indicates whether the value of the control can be automatically completed by the browser.
mask
none
String
Mask for input field (E.g. (99) 999-9999)
maskOptions
none
Object
Settings to masked component. Read more info from options​
placeholder
none
String
Placeholder text for input field
readonly
false
Boolean
If true, the input field is read only
maskOptions
@TODO
Usage
Phone number masked field
1
{
2
    type: "masked",
3
    label: "Mobile phone",
4
    model: "mobile",
5
    mask: "(99) 999-9999"
6
}
Copied!
Date masked field
1
{
2
    type: "masked",
3
    label: "Date",
4
    model: "date",
5
    mask: "99/99/9999",
6
    maskOptions: {
7
      placeholder: "mm/dd/yyyy"
8
    }
9
}
Copied!
image
noUiSlider
Last modified 3yr ago
Copy link
Contents
Masked input field
Special properties of field
Usage