Mask Input Field on client site to control inputs

Is a component to filter inputs on the client using a mask on input field.

This component may have two values with respect to the mask and ask if it is valid.

  • getValue() get only characters (no separators).
  • getMaskText() get all text with separators.
  • isValid() check if complete.

How to use

  • # allow only numbers
  • A allow only capital letters
  • a allow only no capital letters
  • B allow capital and no capital letters
  • C allow capital letters, no capital letters and numbers

Separators

Can use all of those character to separate

/,*.-:(){}=+

You can add a white space for separator

Example

###-###

Result: 123-123

AA*AA

Result: FV*VB

Install

Link to this version
StableReleased 21 March 2016Apache License 2.0
Framework Support
Vaadin 7.6+
Browser Compatibility
6
7
8
9
10
11
Install with
Release notes - Version 1.2.0

Now apply CSS. Fix bug on isValid. New constructors (some parameters change)