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.