Reactive icon

International Telephone Input Reactive

Stable version 1.1.0 (Compatible with OutSystems 11)
Uploaded on 01 May 2021 by 
 (3 ratings)

International Telephone Input Reactive

A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods. Implementation of
Read more

Recommended Usage (by jackocnr)

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. I 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 initialise 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).

What’s new (1.1.0)

New Features:

  • Added support for multiple instances - breaking change, now all client actions require a WidgetId
  • Added support for method getNumberType 
  • Added initialization option formatOnDisplay
  • Added support for OnParametersChanged
  • Added new action to call setNumber asynchronously

Bug Fixing:

  • URL for utils script
  • Fixed issued where navigating to the same page would destroy the component
Reviews (3)
7 Sep
in version 1.1.0
Great component! Contains all countries and all regex'es for valid phone numbers. Makes dealing with it a less pain in the ass.
in version 1.1.0
Awesome component, it's what I need. Thanks and congratulations! I just will add a JS to prevent letters.
in version 1.1.0
Very nice component. really useful.. I would only add a onKeyPress validation (as an optional) to avoid inputting wrong characters (like letters for instance)