Ошибка при попытке использовать библиотеку intl-tel-input для кода страны - PullRequest
Новая
       12

Ошибка при попытке использовать библиотеку intl-tel-input для кода страны

1 голос
/ 19 апреля 2019

Я хочу проверить номер мобильного телефона по всему миру, поэтому мне пришлось много искать и, наконец, получить библиотеку intl-tel-input, чтобы легко выполнить эту задачу.

Я использую это из GitHub, все работает нормально.

Проблема в том, что я не получаю автоматический код страны на основе IP-адреса пользователя в моем проекте, но когда я использую его по отдельности, он работает.

Я делюсь всем, что я сделал.

я работаю над

-MVC Asp

Вот скриншот, который я на самом деле хочу.

https://imgur.com/TWjdrVH

Вот скриншот, который я получил

https://imgur.com/Yr7MYBx

Ошибка, которую я получил

Firefox

Сценарий из «https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068” был загружен, хотя его тип MIME (« text / html ») не является допустимым типом JavaScript MIME. [Узнать больше] Зарегистрироваться Загрузка не удалась с источником «https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068”. Регистр: 1: 1

https://imgur.com/Q98ypO7

Chrome

GET https://ipinfo.io/?callback=jQuery112403105878441128118_1555701843619&_=1555701843620 net :: ERR_ABORTED 429

https://imgur.com/whH2rVr

Вот код, который я использовал

Посмотреть

@Html.EditorFor(model => model.user_mobile, new { htmlAttributes = new { @class = "form-control", id = "mobile" } })

Сценарии 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="~/js/bootstrap.min.js"></script>

<!-- Multi select -->
<script src="~/js/multi_select.js"></script>

<!-- Select 2-->
<script src="~/js/select2/select2.full.min.js"></script>



<!-- Custom JS File -->
<script src="~/js/custom.js"></script>

<script src="~/Scripts/validation/phone/intlTelInput.js"></script>
<script type="text/javascript">

    var input = document.querySelector("#mobile");
    window.intlTelInput(input, {
        initialCountry: "auto",
        geoIpLookup: function (callback) {
            $.get('https://ipinfo.io', function () { }, "jsonp").always(function (resp) {
                var countryCode = (resp && resp.country) ? resp.country : "";
                callback(countryCode);
            });
        },
        //utilsScript: "build/js/utils.js" // just for formatting/placeholders etc
    });

    $(function () {
        $('.multiselect-ui').multiselect({
            includeSelectAllOption: true
        });
    });

    // Select 2 searchable
    $(function () {
        //Initialize Select2 Elements
        $('.select2').select2()
    });





</script>

Помогите мне решить мою проблему

Я хочу получить автоматический код страны на основе IP-адреса пользователя

...