Input mask
Hubble ships with a convenient and easy to use input masker. The input masker forces an input to only except a predefined set of input rules (e.g numbers only).
Usage
You can initialize the input masker via HTML by using a the .js-mask-*
class on
a given input.
To mask a credit card, use the .js-mask-creditcard
class.
To mask for money, use the .js-mask-money
class.
To mask only numbers, use the .js-mask-numeric
class.
To mask numbers with decimals, use the .js-mask-numeric-decimal
class.
To mask numbers letters and numbers, use the .js-mask-alpha-numeric
class.
To mask letters with spaces, use the .js-mask-alpha-space
class.
To mask letters with hyphens use the .js-mask-alpha-dash
class.
To mask letters, numbers and hyphens use the .js-mask-alpha-numeric-dash
class.