在Laravel中实现intlTelInput的问题

 收藏

I am using intlTelInput in plain HTML/CSS using below code and it's working fine you can see the demo (intl-tel-input sample).

HTML代码

<label for="phone" class="control-label">Mobile Phone Number</label><br/>
<input type="tel" class="form-control" id="phone" placeholder="">

JavaScript代码

 <script>
 var input = document.querySelector("#phone");
intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(success, failure) {
    $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
        var countryCode = (resp && resp.country) ? resp.country : "";
        success(countryCode);
    });
},
utilsScript: "css/intl-tel-input-master/build/js/utils.js"
});

现在,我在laravel中使用相同的代码,但没有显示任何内容。你能告诉我如何解决这个问题吗?

GET https://ipinfo.io/?callback=jQuery11110941559198167627&=1559198167628 net::ERR_ABORTED 429

回复
  • 小幸福 回复

    这与Laravel无关。如果您在Laravel之外尝试JavaScript代码,应该会发现同样的错误。

    429太多要求   用户在给定的时间内发送了太多请求(“速率限制”)。

    A 429 error suggests you have exceeded the request limit for the ipinfo.io API.

    查看ipinfo.io可以看到,免费套餐每天最多只能允许1000个请求。你能超过这个数目吗?

  • lipsum 回复

    供将来参考,这是答案

    头部标签中的链接

    <link rel="stylesheet" href="{{ asset ('css/intl-tel-input/build/css/intlTelInput.css') }}"/>
    <script src="{{ asset ('css/intl-tel-input/build/js/intlTelInput.min.js') }}"></script>
    

    HTML代码

    <input type="tel" id="phone" placeholder="">
    

    脚本

    <script>
    var input = document.querySelector("#phone");
    window.intlTelInput(input);
    </script>