Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法从intlTelInput获取数据_Javascript_Jquery_Intl Tel Input - Fatal编程技术网

Javascript 无法从intlTelInput获取数据

Javascript 无法从intlTelInput获取数据,javascript,jquery,intl-tel-input,Javascript,Jquery,Intl Tel Input,我试图在提交时从intlTelInput插件获取扩展名,但由于某些原因,它返回空。以下是一个例子: 以及守则: <link rel="stylesheet" href="https://intl-tel-input.com/node_modules/bootstrap/dist/css/bootstrap.min.css?7"> <link rel="stylesheet" href="https://intl-tel-input.com/node_modules/intl-t

我试图在提交时从intlTelInput插件获取扩展名,但由于某些原因,它返回空。以下是一个例子:

以及守则:

<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/bootstrap/dist/css/bootstrap.min.css?7">
<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/intl-tel-input/build/css/intlTelInput.css?37">

<form id="my_form">
    <input name="phone" type="tel" id="phone" class="form-control">
    <input type="submit">
</form>

<!-- use old jquery so demo works in IE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://intl-tel-input.com/node_modules/intl-tel-input/build/js/intlTelInput.js?60"></script>

<script>
    $("#phone").intlTelInput();

    $("#my_form").submit(function () {
        alert($("#phone").intlTelInput("getExtension"));
    });
</script>

$(“#电话”).intlTelInput();
$(“#我的表格”)。提交(函数(){
警报($(“#电话”).intlTelInput(“getExtension”);
});

知道为什么不返回所选的扩展名吗?

初始化插件时需要指定
utilsScript
选项,以便
getExtension
工作

在您的plunker中,执行以下操作:

$("#phone").intlTelInput({utilsScript:'https://intl-tel-input.com/node_modules/intl-tel-input/build/js/utils.js'});

utilsScript
应该是intl tel输入插件包含的路径。

初始化插件时需要指定
utilsScript
选项,以便
getExtension
工作

在您的plunker中,执行以下操作:

$("#phone").intlTelInput({utilsScript:'https://intl-tel-input.com/node_modules/intl-tel-input/build/js/utils.js'});

utilsScript
应该是intl tel输入插件中包含的路径。

尝试以下工作示例:


恩维亚尔免费短信
身体{
背景色:#fafafa;
}
.国际电话输入{
宽度:100%;
}
恩维亚尔免费短信

尝试以下工作示例:


恩维亚尔免费短信
身体{
背景色:#fafafa;
}
.国际电话输入{
宽度:100%;
}
恩维亚尔免费短信

您是否提供了
utilsScript
?您是否提供了
utilsScript