问题标签 [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.
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
javascript - 如何绑定国家/地区更改国际电话输入
我在我想在国家选择更改时清空手机(输入字段)的页面中使用国家代码插件名称intlTelInput.js (这是我的演示页面)
我试过了:
下面的代码将使电话字段值为空(单击时,但在选择另一个国家/地区项目完成后我希望它为空)
但它不起作用
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 模式中时,我失去了这个功能,我不知道为什么。
谁能告诉我为什么会这样,我能做些什么来解决这个问题?
我已经升级了所有依赖项并最小化了两个插件的选项。
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 配置和运行插件的分步指南?
angularjs - 更新 intl-tel-input 插件不返回输入值
我们在 AngularJS(v1.5) 中使用 intl-tel-input 插件来显示国家列表和国家代码。我们已更新此插件并在此数组中添加了新条目为“无国家/地区”,并在下拉菜单中将此条目设置为默认值。
现在,当用户选择此默认值“无国家/地区”并提交表单时,我们不会获得用户输入的电话号码值。这似乎具有约束力的问题。
有人可以帮助从这个输入字段中获得价值吗?
任何帮助将不胜感激。
谢谢。
javascript - 不能在同一页面中以两种形式使用 Intl-tel-input
嘿伙计们,我正在尝试在同一页面中将插件用于两个表单,但是在第二页上根本没有加载下拉列表,这是我的代码..
这是我的 PHP 代码:
这是我的 JS 文件。我不知道如何在同一页面中对两个表单使用 javascript,任何帮助将不胜感激!谢谢!
npm-install - 无法集成 intl-tel-input - window.intlTelInput 不是函数
我正在尝试集成 intl-tel-input 以支持我网站上 HTML 表单中的电话号码输入字段。我使用 npm 安装了软件包,我的代码看起来像 -
HTML 文件 (index.html)
内头标签
身体顶部
表格部分
当我在浏览器中打开文件时,这似乎工作正常。表格截图——
但是,通过 Firebase 托管进行部署后,这似乎中断了,并且相同的形式看起来像 -
根据 DevTools 控制台,错误是 - 'window.intlTelInput is not a function'
我已经检查了相同错误的多个解决方案,但我无法使其工作。有人可以指出错误,为什么会发生?
javascript - 关于 intlTelInput 中国家/地区代码的更改事件
我正在尝试在 intlTelInput (jQuery) 中设置 onchange 事件。但它不起作用。如果我更改国家/地区代码,那么它将听为 change 。这是我的代码。换手机号就可以了 但是当我更改国家代码时我想要它。提前致谢。