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!