Example for different input formatting

Demo for a time and custom formatting

Important: This demo form needs an additional script to work properly. You can download it using the following button. Pay attention to the location to find the file afterwards.

Important: Now it is necessary to upload the file of the script to Files & Templates of your FORMCYCLE environment. To do this, please follow the steps in the picture. At 4. it is important that you locate the previously saved script to open it.

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 demonstrate how you can use in context  of FORMCYCLE.

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

powered by XIMA® formcycle