【问题标题】:intl-tel-input getExtension returning "null"国际电话输入 getExtension 返回“空”
【发布时间】:2018-09-11 07:45:48
【问题描述】:

我一直在尝试获取输入的手机号码的分机号。其他所有变量都工作正常。扩展变量返回 Null。似乎它正在将空值传递给 POST。

<input type="tel" id="mobile" placeholder="Mobile Number" maxlength="10" >

    <script>
        //Initialize the plugin
            $("#mobile").intlTelInput({
                initialCountry: "auto",
                nationalMode: "true",
                utilsScript:'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.5.0/js/utils.js',
                geoIpLookup: function(callback) {
                $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
                    var countryCode = (resp && resp.country) ? resp.country : "";
                    callback(countryCode);
                });
            }
            });    

        //Ajax Registration
            $("#register").click(function(){

            var email = $("#email").val();
            var password = $("#password").val();
            var confirmpassword = $("#confirmpassword").val();
            var fname = $("#fname").val();
            var lname = $("#lname").val();
            var mobile = $("#mobile").val();
            var role = $("#role").val();
            var extension = $("#mobile").intlTelInput("getExtension");

            var data = "email=" + email + "&password=" + password + "&fname=" + fname + "&lname=" + lname + "&mobile=" + mobile + "&role=" + role + "&confirmpassword=" + confirmpassword + "&extension=" + extension;  

            $.ajax({
                type:"POST",
                url:"includes/register.php?",
                data:data,
                success:function(data)
                {
                    $("#register_output").html(data);
                }
            });
    </script>

【问题讨论】:

    标签: javascript jquery intl-tel-input


    【解决方案1】:

    我相信 getExtension 方法现在已被弃用。如果您需要自己的国家/地区代码,可以通过iti.s.dialCode 获取。像这样的:

    <label>Phone</label><input class="textbox" type="tel" name="phone" id="phone" value=""><br>
    
    <script>
        var input = document.querySelector('#phone');
    
        var iti = intlTelInput(input, {
            utilsScript: 'assets/tel-input/js/utils.js',
            initialCountry: 'au'
        });
    
        $('#send').on('click', function(param) {
            var fullPhone = "+" + iti.s.dialCode + iti.getNumber();
            console.log(fullPhone)
        });
    </script>
    

    【讨论】:

      猜你喜欢
      • 2021-01-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-05-18
      • 2016-12-23
      相关资源
      最近更新 更多