Comments (2)
also, for dial_code, it is showing without the "+", and getNumber is showing everything with the code. is there a way to separate them with jquery? or is there a way to get them specifically? updated code below
Thank you in advance
$(document).ready(function() {
var telInput = $("form input.form-input:eq(2)");
telInput.attr('type', 'tel');
telInput.css('width', '100%');
telInput.intlTelInput({
nationalMode: false,
preferredCountries: ["ae", "us", "gb"],
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/10.0.7/js/utils.js"
});
// Example: Extract data when form is submitted
$("form").on("submit", function(event) {
event.preventDefault(); // Prevent form submission for this example
var isValid = telInput.intlTelInput("isValidNumber");
console.log("isValid: " + isValid);
if (isValid) {
var selectedCountryData = telInput.intlTelInput("getSelectedCountryData");
console.log("Selected Country Data: " + selectedCountryData);
var dial_code = selectedCountryData.dialCode;
console.log("Country Dial Code: " + dial_code);
var number_without_dial_code = telInput.intlTelInput("getNumber");
console.log("Phone Number: " + number_without_dial_code);
// var HiddenCountryCodeField = document.getElementById("field-667e708bbbbafc1e5d1a062ee006ddf7-8");
$("#field-667e708bbbbafc1e5d1a062ee006ddf7-8").val("+" + dial_code);
// var HiddenPhonNumberField = document.getElementById("field-667e708bbbbafc1e5d1a062ee006ddf7-9");
var HiddenPhonNumberField = $("#field-667e708bbbbafc1e5d1a062ee006ddf7-9");
HiddenPhonNumberField.val(number_without_dial_code.replace("+" + dial_code, "").trim());
} else {
telInput.val('');
console.log("Invalid phone number");
}
});
});
from intl-tel-input.
If you want to get the national number (without international dial code), you can pass intlTelInputUtils.numberFormat.NATIONAL
as an argument to getNumber
(see the readme for more info)
from intl-tel-input.
Related Issues (20)
- Convert flags.png to AVIF format to comply with PageSpeed Insights recommendation HOT 5
- New Country to be added => Artsakh | 374 47, 374 97 HOT 2
- U.S. is not showing the u.s. flag HOT 10
- Dark Mode Support HOT 2
- Question about strictMode HOT 3
- Validation doesn't work for some phone numbers from Germany HOT 2
- utilsScript fails to load the utils from CDN in Next.js app HOT 13
- This input doesn't work on two elements HOT 3
- Getting error while using utilsScript HOT 6
- React component - allow access to intlTelInput instance HOT 14
- [Webpack] Compilation warning when initializing `intlTelInput` with `utilsScript` HOT 3
- Ukrainian mobile code 98 conflicts with Iran code HOT 2
- Selecting any country with Country code +1 and adding number, it resets the country to US. HOT 1
- Brazilian numer is formating national code without parenthesis HOT 1
- In Version 23.0.7 the intlTelInput.getCountryData() static function returns empty string value for name property. It was working fine till v20.3.0 HOT 3
- UK phone numbers wrong validation rules HOT 1
- Migrate tests to Jest
- isValidNumber doesn't works properly for Brazilian numbers HOT 3
- search field if one country? HOT 11
- Make input event on setNumber optional HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from intl-tel-input.