jQuery.mobilePhoneNumber – Library for Validating & Formatting Mobile Phone Numbers

International Telephone Input is a jQuery plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, which lists all the countries and their international dial codes next to their flags.

Features

  • Automatically format the number as the user types
  • Automatically set the input placeholder to an example number for the selected country
  • Navigate the country dropdown by typing a country’s name, or using up/down keys
  • Selecting a country from the dropdown will update the dial code in the input
  • Typing a different dial code automatically updates the displayed flag
  • Dropdown appears above or below the input depending on available space/scroll position
  • Lots of initialisation options for customisation, as well as public methods for interaction

Examples

  • Validation: Use Google’s libphonenumber for validation
  • Lookup user’s country: Use IP address lookup to set the default country to the user’s country
  • National mode: Use nationalMode option, but still extract full international numbers
  • Country sync: Access the country data to create a separate country dropdown for an address form, and then listen for change events to keep the two dropdowns in sync
  • European countries: Only show European country codes
  • Modify country data: Modify the data to only show localised country names
  • Hidden input: Submitting the full international number when in nationalMode

You may also like...

Leave a Reply