问题标签 [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 回答
207 浏览

javascript - 多个 hiddenInput 字段 intl-tel-input 包

我在尝试将多个 hiddenInput 字段添加到 intl-tel-input 时遇到问题

包github:https ://github.com/jackocnr/intl-tel-input

我试过的代码:

我为 hiddenInput 尝试的另一个代码:

输出是它只读取了 isoCode,完全忽略了 dialCode。

我已经没有关于如何解决这个问题的想法了。

0 投票
2 回答
1349 浏览

angular - 以角度更改 intl-tel-input 字段宽度

我在我的 Angular 应用程序中使用了Nebular ngx-admin 模板。还使用ng2-tel-input进行手机号码输入。我有以下 HTML 代码

但是在构建 Angular 应用程序之后。它看起来像下面的代码。我是通过浏览器中的开发者工具找到的

在此处输入图像描述

问题:

无法像上图所示的其他字段一样更改输入字段的宽度。

试过了

我已经直接在开发人员工具中更改了 iti 类的宽度,如下所示

它运作良好。但我不能从样式文件中应用宽度属性,如下所示

在组件.scss

0 投票
1 回答
70 浏览

firebase - 为什么节点模块在 firebase 模拟器上工作但在部署后不工作?

我在使用 npm 安装的项目中使用 intl-tel-input。当我使用 Firebase 模拟器进行测试时,一切似乎都运行良好,但它在部署后停止工作。

检查 Chrome 开发工具中的 Sources 选项卡后,我可以看到该模块未正确包含。(请检查图片)但是,我完全无法弄清楚为什么。请帮忙!

电话输入字段运行良好的模拟器屏幕截图。

部署后截取的屏幕截图,电话输入字段已损坏。

源文件 - intlTelInput.js 位于 /node_modules/intl-tel-input/build/css/intlTelInput.js

源文件 - intlTelInput.css 位于 /node_modules/intl-tel-input/build/js/intlTelInput.css

0 投票
1 回答
73 浏览

node.js - 构建 Express 应用程序时如何在客户端访问节点模块?

我正在尝试在我正在使用expressejs构建的项目中使用intl-tel-input

app.use(express.static(path.join(__dirname, 'public')));在我的app.js中有这意味着 Express 从我的项目的公共目录中提供所有静态文件。

我无法集成intl-tel-input,因为它是一个节点模块,并且相关的 css 和 js 文件位于/node_modules/intl-tel-input/build/...其中,Express 根本不提供它们。因此,当我尝试在我的 Ejs 模板中链接到它们时,我收到 404 错误。

我该如何解决这个问题?我的所有想法似乎都是错误的方法。

0 投票
0 回答
144 浏览

javascript - intl-tel-input, getSelectedCountryData returning empty object

I am using the latest version of intl-tel-input, and in my knowledge follow the documentation on how to use it. I can successfully get the number using "getNumber" method butI dont understand why i cant get any value when calling "getSelectedCountryData()". Below is my code:

//international-tel-input.js

#xA;

//file.js i am calling the international-tel-input.js file here

#xA;
0 投票
0 回答
159 浏览

angular - 我可以在 ngx-intl-tel-input 中显示标签吗?

我使用 Angular2+、Angular-material 和 ngx-intl-tel。

我有 ngx-intl-tel-input:

我需要在 ngx-intl-tel-input 上显示标签以达到类似于:

显示标签外观的图像

我怎样才能做到这一点?

0 投票
1 回答
902 浏览

jquery - laravel 8中的国际电话输入

我正在使用此代码来验证电话号码;我正在使用 Intl-tel-input jQuery 插件来输入和验证国际电话号码

但是我发现了这个错误:

我不知道是什么问题,我遇到过很多次这个错误,不知道如何处理它。任何帮助将不胜感激。提前致谢

0 投票
2 回答
1848 浏览

javascript - 使用jquery获取带有国家代码的国际电话输入值

我正在尝试使用国家代码来获得价值。https://www.jqueryscript.net/form/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html我正在关注这个。

但我无法实现如何使用国家代码获取价值的功能。

假设我的输入元素是这个。

我确实初始化了插件

现在,当我提交表单时,我也收到了上述电话号码元素。

但我无法通过国家代码获得价值。我尝试使用链接指南中给出的实例变量。也试过用这个

但似乎没有任何效果。任何人都可以帮助我如何获得国家代码的价值吗?

0 投票
1 回答
842 浏览

javascript - 如何从 intl-tel-input 中删除国家/地区

(JavaScript 中的新功能)

我被要求从插件 intl-tel-input 的下拉菜单中删除一个国家(中国)

下面的代码显示了下拉菜单,看起来它调用了 utils.js 文件来保留国家

我找到了中文前缀,并从 utils.js 文件中删除了它,如下所示:

一部分代码(因为代码很大)

但它不起作用。中文前缀还在。

有人可以帮忙吗?

0 投票
0 回答
194 浏览

javascript - 如何在 intl-tel-input 中获取输入的值

(Javascript 中的新功能)大家好,

我有一个 intl-tel-input,用户将他的手机添加到国家前缀。

我想得到这个号码(检查[这里] [1]GetNumber()这个工作)并检查它是否以某个前缀号码开头(例如+86)

我的问题是初始化输入后:

我不能iti.GetNumber()。它需要它,utilsScript 但我已经拥有它,因为我可以使用isValidNumber().

是我做错了什么吗?你能帮忙吗?

最好的问候,克里斯 [1]:https ://github.com/jackocnr/intl-tel-input#initialisation-options