问题标签 [intl-tel-input]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1008 浏览

ruby-on-rails - 如何将电话号码从 Intl-Tel-Input 传递到 Ruby-on-rails 上的输入?

我有一个带有电话号码的 simple_form。我正在使用 Intl-Tel-Input 获取整个 phone_number 并确认不同国家/地区的 SMS(twilio)。在 console.log 中,我成功显示了整个数字。当我提交时,我只得到没有国家指示符的电话号码(dial_code)

我阅读了文档,尝试通过其他方式(.value、.data 等)获取它,但无法保存整个 phone_number(例如,+33612345678,我只得到 61234567)。

这是我的代码:

我期待 +33612345678 将 phone_number 与 twilio 一起使用。RoR 和 JS 的初学者。我错过了什么 ?谢谢你的帮助。

0 投票
2 回答
764 浏览

angular - Angular 8 从 Angular 4.4 迁移。TypeError:无法使用“in”运算符在未定义中搜索“intlTelInputUtils”

ng2-tel-input intl-tel-input用于在我的应用程序中输入数字。更新所有库和依赖项后,在控制台中出现错误ng serve

我已经使用更新了所有库和依赖项

我也更新intl-tel-input了库,但问题仍然存在。

包.json

控制台错误:

0 投票
0 回答
207 浏览

django - django-intl-tel-input 在终端返回 404 错误?

我正在使用Django-intl-tel-input在用户注册页面中制作一个小部件来选择电话号码格式/国家,但该小部件没有出现在页面中并且终端给出以下错误:

我没有在这个模板中加载/调用任何 CSS 或 js 文件

和我的表格:

我试过使用django-phonenumber-field,但它的小部件没有国家标志,而且不太友好我也试过

将电话号码字段添加到fields属性后,但它也不起作用。

0 投票
0 回答
316 浏览

javascript - 即使加载成功,国际电话号码小部件也不会出现?

我有一个 Django 应用程序,我想在其中使用 intl-tel-input 小部件。在控制台中它显示它已成功加载,当我检查页面时,输入标签如下所示:

在css文件中,我更改了成功加载图像../images/的位置(flags.png的位置),并在我插入的页面中:

但小部件永远不会出现。我能做些什么?

0 投票
1 回答
421 浏览

javascript - 如何使用 intl-tel-input 的 utils.js 保存计数器代码?如何使用 javascript 提供的数据到 django 应用程序中?

我曾经intl-tel-input让用户选择国家代码来添加电话号码,但主要问题是电话号码没有与代码一起保存,这会引发一些错误并且没有显示我想要的格式的数字。

这是我用来显示小部件的 js 脚本。

如何更改此字段以使该字段也将国家/地区代码保存到数据中?

更新:在文档中,它提到了一些关于utils.js但我真的不知道如何将它与 Django 一起使用,因为它提到了一些关于 .ini 文件的内容,就我而言,这些文件与 php 有关。

0 投票
3 回答
2648 浏览

android - 带有国家代码下拉列表的移动设备上的 CSS 问题 (intl-tel-input)

我正在使用这个库向用户显示国家代码和标志:https ://github.com/jackocnr/intl-tel-input

在桌面上,一切都按预期工作。即使在屏幕上调整大小,响应也符合预期。当我在移动设备上使用 Android Chrome 测试页面时出现问题。

这是问题所在:

在此处输入图像描述

该应用程序不允许用户选择其他国家(隐藏了滚动空间 - 用户只能看到默认选择的国家)。

我尝试使用z-index:9999但没有用。

这是CSS实现:

我不确定为什么这似乎不适用于移动设备。

0 投票
1 回答
2485 浏览

javascript - 国际电话输入从另一个下拉列表更改下拉拨号代码

尝试使用国际电话输入插件解决问题。

基于此示例https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/country-sync.html,#phone 标志和 #country 文本反之亦然,但我想在电话号码字段上更改拨号代码,有时标志会相互重叠,有什么帮助吗?谢谢

0 投票
1 回答
1046 浏览

jquery - 显示错误 angular.js:12477 TypeError: $(...).intlTelInput is not a function

我有一个显示客户详细信息的标签服务提供商。当您单击选项卡时,它会显示要编辑的空字段并给出此错误

angular.js:12477 TypeError: $(...).intlTelInput 不是函数

刷新页面后,错误消失。可能是什么问题?

我已将我的intlTelInput函数放入超时函数中,但它不起作用。

这是我的代码

这是完整的错误

angular.js:12477 TypeError: $(...).intlTelInput 不是 Object 的函数。( http://localhost/taskm-rio/public/admin/app/ng-controllers/providerController.js:104:49 )

在此处输入图像描述

0 投票
0 回答
748 浏览

javascript - intl-tel-input 未使用电话号码添加国家/地区代码

我在我的联系表格中使用了 intl-tel-input 插件。插件运行良好,所有国家代码和标志的下拉菜单都显示得很好。但是当我提交表格时,我只能看到我添加的电话号码,开始时没有任何国家代码。这就是我正在做的事情。

这是我的 Jquery 代码

我不知道我做错了什么。

0 投票
1 回答
784 浏览

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

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

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

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

separateDialCode 类型:布尔默认值:false 在所选标志旁边显示国家/地区拨号代码,因此它不是键入号码的一部分。请注意,这将禁用nationalMode,因为从技术上讲,我们正在处理国际号码,但拨号代码是分开的。

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

这里我的代码包含在我的 webform 的 CSS / JavaScript 配置中。

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

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

在这张图片上,我得到的唯一结果是“782828282”,而不是“+33782828282”

任何人 ?

干杯,