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:

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!
Last modified 3yr ago