Stack Overflow
Stack Overflow

Questions tagged [intl-tel-input]

For issues relating to the International Telephone Input (intl-tel-input) jQuery plugin.

International Telephone Input (intl-tel-input) is a jQuery 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.

Resources:

120 questions
10
votes
2 answers

Setting $invalid and $error doesn't invalidate the form

I have a form which I'm in the process of changing my phone fields from using a regex to the intl-tel-input module. I'm running into problems & confusion in checking for valid #s. I have a form with several of these fields...
NikZ
  • 650
  • 3
  • 8
  • 20
9
votes
5 answers

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 var intlNumber = $("#phone").intlTelInput("getSelectedCountryData"); But i am not able to get the full number i.e. "dialcode + number entered…
Sachin Pakale
  • 292
  • 2
  • 4
  • 19
7
votes
2 answers

Change intl-tel-input field width in angular

I have using the Nebular ngx-admin template in my angular application. Also using ng2-tel-input for mobile number input. I am having the below HTML code
7
votes
1 answer

intl-tel-input getExtension returning "null"

I have been trying to get the Extension of the mobile number entered. Every other variable is working fine. The extension variable is returning Null. It seems that it is passing a null value to the POST.
Adid Khan
  • 71
  • 4
7
votes
3 answers

Validation no working with INTL-TEL-INPUT

I'm trying to use intl-tel-input... https://github.com/Bluefieldscom/intl-tel-input#utilities-script I've included the css at the top of the sheet My form in the middle with "tel" id... I am also…
Skinner
  • 1,461
  • 4
  • 17
  • 27
5
votes
2 answers

How do I set initial value for ngx-intl-tel-input

I am using ngx-intl-tel-input for phone number validation in my Angular project.
Dheeraj Kumar
  • 3,917
  • 8
  • 43
  • 80
5
votes
5 answers

How to put country dial code in intlTelInput in brackets

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?
Pawel Novikov
  • 465
  • 1
  • 11
  • 26
5
votes
1 answer

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…
Suhayb
  • 3,163
  • 3
  • 23
  • 30
4
votes
1 answer

Unable to integrate intl-tel-input - window.intlTelInput is not a function

I'm trying to integrate intl-tel-input to support a phone number input field in an HTML form on my website. I installed the package using npm and my code looks like - HTML file (index.html) inside head tag
raghav
  • 225
  • 1
  • 2
  • 9
4
votes
2 answers

Flag with Intl-Tel-Input shifts down when Parsley error div is present

I've got a small but unique error that I've been unable to find elsewhere. Underneath the phone number input that has intl-tel-input is an error message that pops up from Parsley.js. Here is one without the error: And here is one with the…
J. Jackson
  • 3,326
  • 8
  • 34
  • 74
3
votes
4 answers

CSS issue on mobile devices with country code dropdown (intl-tel-input)

I'm using this library to show country code and flag to users: https://github.com/jackocnr/intl-tel-input On desktop everything works as expected. Even on screen resize the response is as expected. The problem appears when I test the page on a…
Aleks Per
  • 1,549
  • 7
  • 33
  • 68
3
votes
1 answer

Property 'intlTelInput' does not exist on type 'Window'

I am working with angular7. I need International Telephone Input (https://intl-tel-input.com/) for my website. So i used the following comment to install the CDN. npm uninstall ng2-tel-input --save After that i called the CSS and JS files in the…
Vetrivel Pandiyarajan
  • 636
  • 1
  • 7
  • 18
3
votes
4 answers

How to integrate react-intl-tel-input with formik?

I'm using Formik to handle forms in my ReactJs app, I would like to use react-intl-tel-input to handle a phone number, however I'm unable to integrate the handleChange, handleBlur and validations with Formik. Right now I'm using my form's state to…
lisdey89
  • 222
  • 4
  • 16
3
votes
1 answer

Using Bluefieldscom intl-tel-input with jQuery Validation Plugin

I have a form validated jQuery Validation Plugin (jqueryvalidation.org), for the phone field I use Bluefieldscom's intl-tel-input plugin but I got an issue. I got the following problems: First my plugins work separately, so if I try to enter a…
annydreams
  • 53
  • 1
  • 5
2
votes
0 answers

How to fix placeholder of intlTelInput plugin?

I'm using the "mask" feature (from plugin jquery mask ) and the plugin intlTelInput. The problem is that when changing the country selection, the Placeholder is incorrect. Example: if the selection is in the country Brazil, with the placeholder (11)…
Michel Galvão
  • 43
  • 5
1
2 3 4 5 6 7 8