使用intlTelInput获取完整的数字
使用intlTelInput获取完整的数字
提问于 2017-10-10 10:34:45
我正在为intlTelInput提供的这里使用演示代码
我可以使用以下方式获得拨号代码
var intlNumber = $("#phone").intlTelInput("getSelectedCountryData");
但我无法从#phone文本框中获得完整的号码，即“拨号代码+用户输入的号码”。
回答 5
Stack Overflow用户
回答已采纳
发布于 2018-02-09 00:51:23
使用getnumber选项，所以在您的情况下：
var intlNumber = $("#phone").intlTelInput("getNumber");
^这将给你整个号码(国家代码+电话号码)。
这里见文档。
Stack Overflow用户
发布于 2020-09-08 20:06:15
您必须使用内置方法来获取完整的数字，但是必须添加utilsScript。
$("#phone").intlTelInput(
{
//Other configurations,
//Other configurations,
utilsScript : "/path/to/build/utils.js",
});在intlTelInput的初始化中，如这里所述，Intl-电话文档
然后，您可以使用
$("#YourInputElementID").intlTelInput("getNumber");Stack Overflow用户
发布于 2021-05-26 16:09:28
full_phone会做到这一点的。
在提交表单时，它将附加一个带有完整编号的隐藏字段。
var input = document.querySelector("#phone");
window.intlTelInput(input, {
hiddenInput: "full_phone",
utilsScript: "../../build/js/utils.js"
});更新：，如果上面的技巧不起作用，那么不要担心，您可以通过在电话输入字段之前放置一个隐藏输入字段来修复它。
HTML:
var input = document.querySelector("#phone"),
hidden= document.querySelector("#hidden");
var iti = window.intlTelInput(input, {
nationalMode: true,
utilsScript: "../../build/js/utils.js"
});
var handleChange = function() {
hidden.value = iti.getNumber()
};//收听"keyup"，但也可以在用户选择国家时进行“更改”以更新
input.addEventListener('change', handleChange);
input.addEventListener('keyup', handleChange)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46664571
复制相关文章
相似问题
腾讯云开发者
