international-telephone-input-reactive
Reactive icon

International Telephone Input Reactive

Stable version 2.0.1 (Compatible with OutSystems 11)
Uploaded
 on 05 December 2023
 by 
4.8
 (4 ratings)
international-telephone-input-reactive

International Telephone Input Reactive

Documentation
2.0.1

The plugin is built to always deal with numbers in the full international format (e.g. "+17024181234") and convert them accordingly - even when NationalMode or SeparateDialCode is enabled. It's recommend you get, store, and set numbers exclusively in this format for simplicity - then you don't have to deal with handling the country code separately, as full international numbers include the country code information.

You can always get the full international number (including country code) using GetNumber, then you only have to store that one string in your database (you don't have to store the country separately), and then the next time you initialize the plugin with that number it will automatically set the country and format it according to the options you specify (e.g. if you enable NationalMode it will automatically remove the international dial code for you).

Lets see a simple form example:

For validations we can use the input event OnBlur.

In this example we just use the action IsPossibleNumber, but you can also just use IsValidNumber or a combination of both.


Then on our save action we can do something simple like this:

IMP.: Make sure the ITI block is below the input, as below.



2.0.0

The plugin is built to always deal with numbers in the full international format (e.g. "+17024181234") and convert them accordingly - even when NationalMode or SeparateDialCode is enabled. It's recommend you get, store, and set numbers exclusively in this format for simplicity - then you don't have to deal with handling the country code separately, as full international numbers include the country code information.

You can always get the full international number (including country code) using GetNumber, then you only have to store that one string in your database (you don't have to store the country separately), and then the next time you initialize the plugin with that number it will automatically set the country and format it according to the options you specify (e.g. if you enable NationalMode it will automatically remove the international dial code for you).

Lets see a simple form example:

For validations we can use the input event OnBlur.

In this example we just use the action IsPossibleNumber, but you can also just use IsValidNumber or a combination of both.


Then on our save action we can do something simple like this:

IMP.: Make sure the ITI block is below the input, as below.