Example for different input formatting

Demo for a time and custom formatting

For that example we added the libary/extension cleave.js to add some formatting to input field.

Some demos you will find here:

  • Credit card number formatting
  • Phone number formatting (i18n js lib separated for each country to reduce size)
  • Date formatting
  • Time formatting
  • Numeral formatting
  • Custom delimiter, prefix and blocks pattern

We domonstrate how you can use in contexxt  of FORMCYCLE.

>> Download script for cleave.js (right click > Save target as...)

Time format

Enable JavaScript to see the sample code

Time format (repetitive)

Enable JavaScript to see the sample code

Special format

Enable JavaScript to see the sample code

Special format #2

Enable JavaScript to see the sample code