blocks|key|155686|text|使用getnumber选项，所以在您的情况下：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|155687|var+intlNumber+=+$("#phone").intlTelInput("getNumber");|155688|%5E这将给你整个号码(国家代码%2B电话号码)。|155689|这里见文档。|155690|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jackocnr/intl-tel-input#troubleshooting^0|2|9|0|0|1J|0|0|3|2|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|L|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

Use the <code>getnumber</code> option, so in your case:

<code>var intlNumber = $("#phone").intlTelInput("getNumber");</code>

^ This will give you the entire number (country code + phone number)

See <a href="https://github.com/jackocnr/intl-tel-input#troubleshooting" rel="noreferrer">docs</a> here.

blocks|key|155280|text|您必须使用内置方法来获取完整的数字，但是必须添加utilsScript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155281|+$("#phone").intlTelInput(
++++{+
++++++//Other+configurations,
++++++//Other+configurations,
++++++utilsScript+:+"/path/to/build/utils.js",

++++});|code-block|syntax|javascript|155282|在intlTelInput的初始化中，如这里所述，Intl-电话文档|offset|length|155283|然后，您可以使用|155284|$("#YourInputElementID").intlTelInput("getNumber");|155285|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jackocnr/intl-tel-input/tree/v13.0.4^0|0|0|P|9|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

You have to use the built-in methods for getting the full number but you must add the utilsScript
<pre><code> $(&quot;#phone&quot;).intlTelInput(
 { 
 //Other configurations,
 //Other configurations,
 utilsScript : &quot;/path/to/build/utils.js&quot;,

 });
</code></pre>
in the initialization for the intlTelInput as stated here <a href="https://github.com/jackocnr/intl-tel-input/tree/v13.0.4" rel="nofollow noreferrer">Intl-Tel-Phone Docs</a>
and then you can get the full number by using
<pre><code>$(&quot;#YourInputElementID&quot;).intlTelInput(&quot;getNumber&quot;);
</code></pre>

blocks|key|299760|text|full_phone会做到这一点的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|299761|在提交表单时，它将附加一个带有完整编号的隐藏字段。|299762|var+input+=+document.querySelector("#phone");
window.intlTelInput(input,+{
++++hiddenInput:+"full_phone",
++++utilsScript:+"../../build/js/utils.js"+
});|code-block|syntax|javascript|299763|更新：，如果上面的技巧不起作用，那么不要担心，您可以通过在电话输入字段之前放置一个隐藏输入字段来修复它。|BOLD|299764|HTML:|299765|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()
};|299766|//收听"keyup"，但也可以在用户选择国家时进行“更改”以更新|299767|input.addEventListener('change',+handleChange);
input.addEventListener('keyup',+handleChange)|299768|entityMap^0|0|A|0|0|0|0|3|0|0|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|14|8|@$9|15|A|16|B|O]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|17|8|@$9|18|A|19|B|O]]|D|@]|E|$]]|$1|R|3|S|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|T|3|U|5|6|7|1B|8|@]|D|@]|E|$]]|$1|V|3|W|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|X|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|Y|$]]

The <code>full_phone</code> is gonna do the trick. 
It will append a hidden field with full number when submitting the form.
<pre class="lang-js prettyprint-override"><code>var input = document.querySelector(&quot;#phone&quot;);
window.intlTelInput(input, {
 hiddenInput: &quot;full_phone&quot;,
 utilsScript: &quot;../../build/js/utils.js&quot; 
});
</code></pre>
updated:
if the above trick didn't work then don't worry you can fix it by putting a hidden input field before the phone input field.
HTML:


<pre><code>var input = document.querySelector(&quot;#phone&quot;),
 hidden= document.querySelector(&quot;#hidden&quot;);

var iti = window.intlTelInput(input, {
 nationalMode: true,
 utilsScript: &quot;../../build/js/utils.js&quot; 
});

var handleChange = function() {
hidden.value = iti.getNumber()
};
</code></pre>
// listen to &quot;keyup&quot;, but also &quot;change&quot; to update when the user selects a country
<pre><code>input.addEventListener('change', handleChange);
input.addEventListener('keyup', handleChange)
</code></pre>

blocks|key|1935341|text|用ajax提交表单。这对我有用。我添加了hiddenInput+:+"full_phone"并将偶数侦听器从"submit"更改为intlTelInput.js文件中的"change"|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1935342|+var+iti+=+document.querySelector("#phone");
++window.intlTelInput(iti,+{
++++separateDialCode:+true,
++++hiddenInput+:+"full_phone",
++++utilsScript:+"../../build/js/utils.js",
++});|code-block|syntax|javascript|1935343|在intlTelInput.js文件中|1935344|+if+(this.telInput.form)+this.telInput.form.addEventListener("change",+this._handleHiddenInputSubmit);|1935345|entityMap^0|0|A|K|Q|1I|8|1T|F|2C|8|0|0|1|F|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|D]|$9|W|A|X|B|D]|$9|Y|A|Z|B|D]|$9|10|A|11|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|12|8|@]|E|@]|F|$J|K]]|$1|L|3|M|5|6|7|13|8|@$9|14|A|15|B|D]]|E|@]|F|$]]|$1|N|3|O|5|I|7|16|8|@]|E|@]|F|$J|K]]|$1|P|3|-4|5|6|7|17|8|@]|E|@]|F|$]]]|Q|$]]

Submitting form with ajax .
This worked for me.
I added the <code>hiddenInput : &quot;full_phone&quot;</code> and change the even listener from <code>&quot;submit&quot;</code> to <code>&quot;change&quot;</code> in the <code>intlTelInput.js</code> file
<pre><code> var iti = document.querySelector(&quot;#phone&quot;);
 window.intlTelInput(iti, {
 separateDialCode: true,
 hiddenInput : &quot;full_phone&quot;,
 utilsScript: &quot;../../build/js/utils.js&quot;,
 });

</code></pre>
In the <code>intlTelInput.js</code> file
<pre><code> if (this.telInput.form) this.telInput.form.addEventListener(&quot;change&quot;, this._handleHiddenInputSubmit);
</code></pre>

blocks|key|299823|text|另一个选择是简单地使用getInstance，然后使用getNumber|type|unstyled|depth|inlineStyleRanges|entityRanges|data|299824|var+input+=+document.querySelector("#phone"),
window.intlTelInput(input,+{
++++++utilsScript+:+"/path/to/build/utils.js",
++});
window.intlTelInputGlobals.getInstance(input).getNumber();|code-block|syntax|javascript|299825|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Another option is to simply use getInstance and then getNumber
<pre><code>var input = document.querySelector(&quot;#phone&quot;),
window.intlTelInput(input, {
 utilsScript : &quot;/path/to/build/utils.js&quot;,
 });
window.intlTelInputGlobals.getInstance(input).getNumber();
</code></pre>

I am using the demo code for intlTelInput provided <a href="http://www.jqueryscript.net/form/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html" rel="noreferrer">here</a> 

I am able to get the dial code using following

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>var intlNumber = $("#phone").intlTelInput("getSelectedCountryData");</code></pre>
</div>
</div>


But i am not able to get the full number i.e. "dialcode + number entered by user" from the #phone text box.

Get the full number using intlTelInput

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在为intlTelInput提供的使用演示代码我可以使用以下方式获得拨号代码​var intlNumber = $("#phone").intlTelInput("getSelectedCountryData");​但我无法从#phone文本框中获得完整的号码，即“拨号代码+用户输入的号码”。

问使用intlTelInput获取完整的数字
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用intlTelInput获取完整的数字EN