问题标签 [intl-tel-input]

我在 Rails 应用程序中使用intl-tel-input jQuery 插件。

输入字段工作得很好，但在提交时，提交的电话号码是国内形式而不是国际形式。

包含“utils”脚本（使用资产管道），我在插件初始化中没有任何特殊选项（除了preferredCountriesand onlyCountries）。

我不确定这是否是预期的行为，如果是，应该采取哪些额外步骤才能在提交时获得正确的国际电话号码。

我没有使用特定于 rails 的插件（那里有一些），因为它还有其他问题。

到目前为止，我唯一的结论是，我必须添加一些onSubmitjavascript 代码来执行类似于此页面上提到的内容，但这对我来说感觉像是一个脆弱的解决方案。

我正在使用 intl-tel-input angular 4 来验证电话号码，当我添加它时，它会显示带有电话号码的国家代码，但如果输入错误的电话，它不会显示错误消息。为此，我正在使用此代码：-

这是我的 html 文件代码，这里是我的 component.ts 文件代码：-

当我添加它时，它显示错误消息：-

为此，我尝试了此代码，但没有运气：-

这是我遵循的 git 代码：- https://github.com/webcat12345/ngx-intl-tel-input

我有一个 Laravel 5.6 网页，我想添加 IntlTelInput（https://github.com/jackocnr/intl-tel-input），但我尝试从源代码、composer 和 npm 安装它（目前使用 composer 和 mix复制构建文件夹），其中 3 个似乎没有初始化插件。

• 这不是我的浏览器（尝试了很多，它可以在 codepen 中使用）
• 我安装了 Jquery
• 我包括了样式表
• 我在我的 CSS 中覆盖 flags.png 的路径（在 HTML 和 app.scss 中 [并运行 npm run watch]）
• 我在输入后添加了 intlTelInput.js 脚本
• <script>$("#phone").intlTelInput();</script>我用（在DOM中的输入之后）初始化了输入

这是我从检查结果中得到的：

当我从 ul class="country-list hide" 手动删除隐藏类时，它会出现但我无法与之交互，我猜 js 似乎无法正常工作。

如果我删除“隐藏”会发生什么：

更新：

进行更多测试后，我意识到如果我注释掉“ app.js ”脚本 intl-tel-input 可以完美运行，那么我现在的问题是，我必须在 App.js 中进行哪些更改才能使其正常工作？（我没有在 app.js 中添加任何内容，它与每次安装 laravel 时都带有相同的内容）

我使用了 jquery 插件，下拉菜单适用于桌面视图，但下拉菜单在移动浏览器中不起作用。我该如何解决这个问题？这是代码片段。

这是html。

用于此的 css。

其余的 css 由库本身添加到它的容器中。

我正在使用 intl-tel-input 模块对表单的电话字段进行验证，该表单将由不同国家的商店员工填写。

验证效果很好，但我需要在商店员工登录到具有良好国家/地区的表单后自动设置代码区域（例如，位于巴黎的商店需要有法国代码区域）。

目前，我正在使用具有以下功能的 geoIpLookup：

它可以工作，但 geoIpLookup 使用 wifi 检查设备的 IP。但是商店中的员工将使用 VPN，该 VPN 显示的国家/地区可能与商店所在的国家/地区不同。

需要明确的是，商店可能在法国，但 ip 将位于西班牙。所以不会显示好的代码区域。

是否有另一种方法可以在不使用 IP 位置的情况下自动设置它？

希望我说清楚了，并在此先感谢。

我正在使用 intl-tel-input 库进行电话号码验证。

我注意到的一件事是，我可以在国家代码后添加一个 0 来表示这样的国际号码：

libphonenumber

如您所见，电话号码是有效的，并且 0 被自动剥离为国际格式。

我尝试向自己发送一条带有 0 + 代码区域的消息，我收到了该消息。

我想确定用户在表单中输入带有代码区域的 0 的电话号码，我们无论如何都可以向他发送电话消息，并且该号码不会无效。还是您认为我需要编写一种方法来自动删除 0 ？

希望我足够清楚，感谢您的帮助！

我正在尝试使用 intl-tel-input 验证电话号码，如图所示https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/is-valid-number.html

这是我的代码

但是当我使用国际格式（如（+255 123 123 123）时，我被困在如何验证电话号码上。

我希望问题足够清楚。请帮忙

我已将intl-tel-inputjs & css 库包含在我的index.html：

我有另一个文件app.js，其中我在用户输入时格式化数字textbox：

该变量_TEL_INPUT_UTILS指的intl-tel-input是加载后的实用程序脚本，我尝试在我的text box.

此代码位于：

现在我有一个代码，app.js我loadUtils想在变量中格式化该数字。

当我调用 sameloadUtils时，我收到以下错误：

问题是如何格式化变量内的数字？loadUtils每次都需要用吗？整个过程有没有更好的方法？

我想用一个函数填充preferredCountries:["xx","yy","zz"]，该函数从mysql db中获取最常用的国家代码，并首先列出它们，并且至少计数为4

我有一个带有 bootstrap4 和数据表的站点，并且想要填充首选列表，这样您就不必滚动太多。

我在一个单独的 php 文件中的函数中有这个 sql：

并且返回是一个 json_encoded 输出，就像需要的输出一样： ["xx","yy","zz"]

我想过做类似的事情：

但我在这方面并不强，所以我的猜测能力提高了。永远不会调用preferredCountries 下的函数。我在它应该去的函数中启用了调试和断点，但它从来没有那么远。

所以需要一些帮助来创建正确的函数，比如我从文档中借来的 geoIpLookup 函数。

我已经这样实现intl-tel-input了

HTML是这样的

在inspecting源中出现隐藏字段，但在提交表单时，这些字段在 中丢失，req.body除此之外所有其他字段都在那里。

代码有什么问题吗？