How to put country dial code in intlTelInput in brackets

jquery intl-tel-input
Pawel Novikov picture Pawel Novikov · Mar 23, 2017 · Viewed 34.9k times · Source

I'm using intlTelInput on my site. How can I separate dial code using brackets. For ex. default output of this plugin is +1202someNumber and I need (+1)202someNum?

Answer

Manuel Cheța picture Manuel Cheța · Mar 23, 2017

Based on the docs form here - https://github.com/jackocnr/intl-tel-input - you would need something like this:

var intlNumber = $("#phone").intlTelInput("getNumber"); // get full number eg +17024181234
var countryData = $("#phone").intlTelInput("getSelectedCountryData"); // get country data as obj 

 var countryCode = countryData.dialCode; // using updated doc, code has been replaced with dialCode
countryCode = "+" + countryCode; // convert 1 to +1

var newNo = intlNumber.replace(countryCode, "(" + coountryCode+ ")" ); // final version

Related questions

Validating International Telephone Input using jquery validation

Geeks! We all know that awesome plugin called International Telephone Input,is there a way to tie it's own Validation method intlTelInput("isValidNumber") into jquery validation ? intlTelInput("isValidNumber") returns true if true or false if false There is more details …

Read More
Get the full number using intlTelInput

I am using the demo code for intlTelInput provided here I am able to get the dial code using following But i am not able to get the full number i.e. "dialcode + number entered by user" from the #phone …

Read More
PHP get phone number using intl-tel-input

I can't GET or POST the data from intl-tel-input form that sent. Does anyone know how to solve this? I'm using intl-tel-input at https://github.com/jackocnr/intl-tel-input to get visitors country and phone code. Follow are my form <…

Read More