Ember masked-input
This addon provides a {{masked-input}}
helper that extends {{input}}
(Ember.TextField
) and applies input masking based on inputmask-core.
There are no dependencies on jQuery plugins so this addon is a more lightweight and faster alternative to other input masking addons. It's based on the solid inputmask-core library and adapted from its React implementation MaskedInput.
Installation
ember install ember-cli-maskedinput
Usage
Date pattern with bound value
Credit card pattern with closure action
Time pattern with validation
Uses plain HTML5 validation.
Reference
mask
A pattern consisting of 1
(number), a
(letter), A
(letter forced upper case), *
(alphanumeric), #
(alphanumeric forced upper case) or any other character for static parts of the mask. Use backslashes to escape format characters.
See inputmask-core docs for more information.
formatCharacters
An object defining additional format characters, see inputmask-core docs for more information.
placeholderChar
The character which is used to fill in editable positions that have no input. Defaults to _
; must be a single character.
on-change
An optional action closure to handle the change
event (which should not be overridden).