I have gone thorugh lot of blog for searching how to format and mask number for mobile phoneGet dial code and phone number from International Telephone Input using jQuery34phone34intlTelInput autoHideDialCode true autoPlaceholder 34ON34 dropdownContainer documentbody formatOnDisplay true hiddenInput 34fullnumber34 initialCountry 34auto34 nationalMode false placeholderNumberType 34MOBILE34 preferredCountries 39

Format international telephone number in jQuery

yogesjos...

SOLVED CLOSED ACTIVE ANSWERED
User: yogesjoshi
Posted: on Jan 04, 2020 03:57 AM
Forum: jQuery and jQuery Plugins
Replies: 2
Views: 10229
Sample Code: Download

I have gone thorugh lot of blog for searching how to format and mask number for mobile phone.

$("#phone").intlTelInput({
    autoHideDialCode: true,
    autoPlaceholder: "ON",
    dropdownContainer: document.body,
    formatOnDisplay: true,
    hiddenInput: "full_number",
    initialCountry: "auto",
    nationalMode: false,
    placeholderNumberType: "MOBILE",
    preferredCountries: ['US'],
    separateDialCode: true,
    utilsScript: "~/js/utils.js"
});

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

dharmend...

0 2

Reply
User: dharmendr
Replied: on Jan 06, 2020 03:59 AM
Report

Hi yogesjoshi,

Refer below code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/css/intlTelInput.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js"></script>
    <script type="text/javascript">
        $(function () {
            var code = "+911234567890";
            $('#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
            });
            FormatNumber();
            $('#txtPhone').keyup(function () {
                FormatNumber();
            });
            function FormatNumber() {
                var number = $('#txtPhone').val();
                var classf = $(".selected-flag > div").attr("class");
                var flag = classf.slice(-2);
                var formattedNumber = intlTelInputUtils.formatNumber(number, flag, intlTelInputUtils.numberFormat.INTERNATIONAL);
                $('#txtPhone').val(formattedNumber.slice(formattedNumber.indexOf(' ') + 1, formattedNumber.length));
            }
        });
    </script>
</head>
<body>
    <input type="tel" id="txtPhone" />
</body>
</html>

Demo

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

Format international telephone number in jQuery

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

Company

Explore

Follow us

Contact Us