how to get country code separatelyi gone through lot of article and blog but not able to get solution for jquery version to get dial code i need this with jquery 341 not with vanilla jsAny help is highly appriciatedltheadgt ltlink rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibsintltelinput1608cssintlTelInputcss34gt ltscript src34httpscodejquerycomjquery341minjs34gtltscriptgt ltscript src34httpscdnjs

Hi yogesjoshiCheck this example Now please take its reference and correct your codeHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt lttitlegtInternational Telephone Input With Flags and Dial Codeslttitlegt ltlink rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibsintltelinput1608cssintlTelInputcss34 gt ltscript type34textjavascript34 src34httpscodejquerycomjquery341minjs34gtltscriptgt ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsintltelinput1608jsintlTelInputjqueryminjs34gtltscriptgt ltscript type34textjavascript34gt function var code 349112345678934 Assigning value from model 39txtPhone39valcode 39txtPhone39intlTelInput autoHideDialCode true autoPlaceholder 34ON

Get dial code and phone number from International Telephone Input using jQuery

yogesjos...

SOLVED CLOSED ACTIVE ANSWERED
User: yogesjoshi
Posted: on Dec 30, 2019 07:42 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 43519
Sample Code: Download

how to get country code separately.

i gone through lot of article and blog but not able to get solution for jquery version to get dial code. i need this with jquery 3.4.1 not with vanilla js.

Any help is highly appriciated.

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.8/css/intlTelInput.css">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.8/js/intlTelInput-jquery.min.js"></script>
</head>
<script type="text/javascript">
	var code = "+91123456789"; // this value is dynamic coming from model.
    $('#phone').val(code);
	var dial code = // how to get dial code.
	 $('#submit').on('click', function () {
        alert( dial code +  ('#phone').val());
    });

$('#phone').intlTelInput({
        autoHideDialCode: true,
        autoPlaceholder: "ON",
        dropdownContainer: document.body,
        formatOnDisplay: true,
        hiddenInput: "full_number",
        initialCountry: "auto",
        nationalMode: true,
        placeholderNumberType: "MOBILE",
        preferredCountries: ['US'],
        separateDialCode: true
    });	
</script>
<body> 
    <input type="tel" id="phone" value=""> <input type="button" id="submit" /> 
</body>

Github link https://github.com/jackocnr/intl-tel-input

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Dec 31, 2019 12:56 AM
Report

Hi yogesjoshi,

Check this example. Now please take its reference and correct your code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>International Telephone Input With Flags and Dial Codes</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.8/css/intlTelInput.css" />
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.8/js/intlTelInput-jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var code = "+91123456789"; // Assigning value from model.
            $('#txtPhone').val(code);
            $('#txtPhone').intlTelInput({
                autoHideDialCode: true,
                autoPlaceholder: "ON",
                dropdownContainer: document.body,
                formatOnDisplay: true,
                hiddenInput: "full_number",
                initialCountry: "auto",
                nationalMode: true,
                placeholderNumberType: "MOBILE",
                preferredCountries: ['US'],
                separateDialCode: true
            });
            $('#btnSubmit').on('click', function () {
                var code = $("#txtPhone").intlTelInput("getSelectedCountryData").dialCode;
                var phoneNumber = $('#txtPhone').val();
                var name = $("#txtPhone").intlTelInput("getSelectedCountryData").name;
                alert('Country Code : ' + code + '\nPhone Number : ' + phoneNumber + '\nCountry Name : ' + name);
            });
        });
    </script>
</head>
<body>
    <input type="tel" id="txtPhone" />
    <input type="button" id="btnSubmit" value="Get Dial Details" />
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Get dial code and phone number from International Telephone Input using jQuery

Company

Explore

Follow us

Contact Us