international-telephone-input-reactive

International Telephone Input Reactive

Stable version 1.1.0 (Compatible with OutSystems 11)
Published on 1 May by 
4.5
 (2 ratings)
international-telephone-input-reactive

International Telephone Input Reactive

Details
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 https://github.com/jackocnr/intl-tel-input
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 (2)
7 Aug
in version 1.1.0
Awesome component, it's what I need. Thanks and congratulations! I just will add a JS to prevent letters.
16 Jul
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)