无法使用 intl-tel-input 和 webform 获取国际号码答案

【问题标题】：Unable to get international number with intl-tel-input and webform无法使用 intl-tel-input 和 webform 获取国际号码
【发布时间】：2019-10-30 21:33:11
【问题描述】：

使用 intl-tel-input 和 webform 输入国际号码让我非常头疼

我在这里获得了文档：https://github.com/jackocnr/intl-tel-input

提到我可以使用“separateDialCode”获取国际号码。

单独的拨号代码类型：布尔默认值：false 在所选国旗旁边显示国家拨号代码，这样它就不是输入号码的一部分。请注意，这将禁用nationalMode，因为从技术上讲，我们处理的是国际号码，但拨号代码是分开的。

但是只发布了一个国家号码。

这里我的代码包含在我的网络表单的 CSS / JavaScript 配置中。

Drupal.webform = Drupal.webform || {};
Drupal.webform.intlTelInput = Drupal.webform.intlTelInput || {};
Drupal.webform.intlTelInput.options = {
  preferredCountries: ['fr'],
  separateDialCode: true,
  autoPlaceholder: "aggressive",
  formatOnDisplay: true,
};

我得到了单独的代码显示，验证工作，但我的表单输入中没有国际代码存储。

我确实尝试了 hiddeninput，但我不理解将完整数字存储在 hiddenInput 选项中的逻辑，如果它已经由 librairie 管理:(。与强制 nationalMode:False 相同。

On this picture the only result I get is "782828282", and not "+33782828282"

有人吗？

干杯，

【问题讨论】：

标签： webforms drupal-8 intl-tel-input

【解决方案1】：

我使用了以下格式，示例基于我正在做的事情

<div class="row">
 <asp:Label ID="lblPhone" CssClass="lbl" runat="server" Text="Telephone *">
 </asp:Label><asp:TextBox ID="txtPhone" CssClass="rg-txt rg-phone-txt" runat="server"></asp:TextBox>
 <asp:TextBox ID="txtCountryCode" style="display:none;" Text="" runat="server"></asp:TextBox>
 <asp:CustomValidator ID="cvPhone" ErrorMessage="*" CssClass="validate v-phone-txt" ClientValidationFunction="ValidatePhone" ValidationGroup="vg" runat="server" />
</div>



    $("#MainContent_txtPhone").intlTelInput({
        preferredCountries: ['us'],
        utilsScript: "../../Scripts/libphonenumber/utils.js"

    });

    setTimeout(function () {
         $("#MainContent_cvPhone").appendTo(".intl-tel-input");
    }, 5000);

在表单验证期间，我将国家/地区的值分配给 txtCountryCode $("#MainContent_txtCountryCode").val(country);

从后面的代码中，我在前端获得国家代码和电话号码，我只显示Country Flag + Phone number。

希望这会有所帮助，我在使用母版页时遇到了运行此脚本的问题，如果没有放置在正确的位置，脚本将无法正常工作。如果您不使用母版页方法，那么这应该不是什么大问题。

我不记得我是否遇到过和你一样的问题，因为我差不多 2 年前没有这份工作

【讨论】：