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

javascript - Get input value for country code with jquery [auto country by IP/intl-tel-input jquery library]

I need to submit COUNTRY CODE to URL based on the selected country value.

Im using Intl-Tel-Input for this: https://github.com/jackocnr/intl-tel-input

Here is HTML code:

Here is jQuery:

Here is picture of what I have and what I need: PICTURE CLICK TO OPEN

0 投票
0 回答
363 浏览

javascript - intl-tel-input : 禁用 console.log 中显示的 IP 地址信息

tel-input .. 它在 console.log 中显示 ip 和地址等信息。我不知道如何禁用它。

在此处输入图像描述

这是我的代码

0 投票
2 回答
8637 浏览

javascript - 如何绑定国家/地区更改国际电话输入

我在我想在国家选择更改时清空手机(输入字段)的页面中使用国家代码插件名称intlTelInput.js (这是我的演示页面)

我试过了:

下面的代码将使电话字段值为空(单击时,但在选择另一个国家/地区项目完成后我希望它为空)

但它不起作用

0 投票
1 回答
100 浏览

javascript - Sweetalert2 带有国际电话输入,键盘问题

我在我的网络应用程序中使用了两个库:

Sweetalert2:https ://github.com/sweetalert2/sweetalert2

国际电话输入:https ://github.com/jackocnr/intl-tel-input https://github.com/jackocnr/intl-tel-input

但是,当我初始化输入时,我丢失了下拉国家列表中的键盘输入。

在站点的演示页面 ( https://intl-tel-input.com ),您可以使用键盘箭头,或开始输入国家名称来选择选项。当我将输入添加到 SweetAlert2 模式中时,我失去了这个功能,我不知道为什么。

谁能告诉我为什么会这样,我能做些什么来解决这个问题?

我已经升级了所有依赖项并最小化了两个插件的选项。

0 投票
0 回答
393 浏览

javascript - 如何使用 Webpack 配置和运行外部插件?

在我的项目中,我有一个电话输入,我想使用 intl-tel-input 插件(https://www.npmjs.com/package/intl-tel-input)进行验证。我在 Webpack 上运行开发服务器。问题是,这个插件的配置指南显然不是为 Webpack 编写的。以下是我所做的,基于谷歌的一般建议并将其与国际电话输入指南相结合:

  • 在 webpack.config.js 中,像这样初始化插件:
  • 在我的 html 和 css 中添加了指向样式表和图像的链接,如下所示:

  • 像这样调用插件:

但是,运行代码时,我收到一个控制台错误消息“拒绝应用样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。” 将样式表的 url 更改为绝对路径没有帮助,因为我收到错误“不允许加载本地资源”。没有尝试将插件资产移动到 src 目录(如某些人所建议的那样),因为插件似乎不正确。

总而言之,插件没有显示。

我在这里做错了什么?也许有人可以向我指出如何使用 Webpack 配置和运行插件的分​​步指南?

0 投票
0 回答
86 浏览

angularjs - 更新 intl-tel-input 插件不返回输入值

我们在 AngularJS(v1.5) 中使用 intl-tel-input 插件来显示国家列表和国家代码。我们已更新此插件并在此数组中添加了新条目为“无国家/地区”,并在下拉菜单中将此条目设置为默认值。

现在,当用户选择此默认值“无国家/地区”并提交表单时,我们不会获得用户输入的电话号码值。这似乎具有约束力的问题。

有人可以帮助从这个输入字段中获得价值吗?

任何帮助将不胜感激。

谢谢。

0 投票
1 回答
1396 浏览

javascript - 不能在同一页面中以两种形式使用 Intl-tel-input

嘿伙计们,我正在尝试在同一页面中将插件用于两个表单,但是在第二页上根本没有加载下拉列表,这是我的代码..

这是我的 PHP 代码:

这是我的 JS 文件。我不知道如何在同一页面中对两个表单使用 javascript,任何帮助将不胜感激!谢谢!

0 投票
1 回答
1081 浏览

npm-install - 无法集成 intl-tel-input - window.intlTelInput 不是函数

我正在尝试集成 intl-tel-input 以支持我网站上 HTML 表单中的电话号码输入字段。我使用 npm 安装了软件包,我的代码看起来像 -

HTML 文件 (index.html)

内头标签

身体顶部

表格部分

当我在浏览器中打开文件时,这似乎工作正常。表格截图——

当我从系统打开文件时浏览器的屏幕截图。

但是,通过 Firebase 托管进行部署后,这似乎中断了,并且相同的形式看起来像 -

网页截图

根据 DevTools 控制台,错误是 - 'window.intlTelInput is not a function'

我已经检查了相同错误的多个解决方案,但我无法使其工作。有人可以指出错误,为什么会发生?

0 投票
3 回答
1135 浏览

javascript - 关于 intlTelInput 中国家/地区代码的更改事件

我正在尝试在 intlTelInput (jQuery) 中设置 onchange 事件。但它不起作用。如果我更改国家/地区代码,那么它将听为 change 。这是我的代码。换手机号就可以了 但是当我更改国家代码时我想要它。提前致谢。

0 投票
0 回答
67 浏览

javascript - 国际电话输入中的 jquery 验证错误后,国家/地区代码被附加到字段中

我正在使用以下代码来验证国家代码和联系电话:

但问题是当我验证

错误国家代码附加现有号码。

在此处输入图像描述

还有一些其他字段正在验证中,因此一旦触发 jquery 验证器,就会附加额外的国家/地区代码。