在国际电话输入中获取带有国家代码（拨号代码）的完整号码

Question

我想要在表单转发器中带有国家代码的完整号码。 我厌倦了 hiddenInput 字段，但它仅适用于父数据..

 function PhoneDisplay(input)
{
    
    var iti = window.intlTelInput(input, {
        onlyCountries: ["us","in", "uk","sg","ke","ae","gb","au","nz"],
        initialCountry: "auto",
        // hiddenInput :iti.getNumber(),
       // separateDialCode:true,

        geoIpLookup: function(success, failure) {
            $.get("https://ipinfo.io/json?token=efe58ad6181234", function() {}, "jsonp").always(function(resp) {
                var countryCode = (resp && resp.country) ? resp.country : "";
                success(countryCode);
            });
        },
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
        
    });
   
   /*  var full_number = iti.getNumber();
    console.log(full_number);*/

    /* var country_code = iti.getSelectedCountryData()["dialCode"];
    var number_with_code = iti.getNumber();
    var mod_number = "(" + number_with_code.substr(0, country_code.length + 1) + ")" + number_with_code.substr(country_code.length + 1);
    console.log(mod_number); */
    
}

Answer 1

有很多方法可以获取带有国家代码的完整号码，最好的方法是这个

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min.css" crossorigin="anonymous" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js" crossorigin="anonymous"></script> <input name="phone" type="tel" id="phone" placeholder="Phone Number" /> <br><br> Full Number : <input id="fullNumber" type="text" name="fullNumber"> <script> var input = document.querySelector("#phone"); window.intlTelInput(input, { separateDialCode: true, }); var iti = window.intlTelInputGlobals.getInstance(input); input.addEventListener('input', function() { var fullNumber = iti.getNumber(); document.getElementById('fullNumber').value = fullNumber; }); </script>