问题标签 [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 投票
3 回答
2407 浏览

angular - 构建突然开始失败并出现错误 TS2304:找不到名称“JQueryDeferred”

我在我的角度应用程序中使用ng2-tel-input,到目前为止它运行良好,但突然我开始收到错误

我的ng2-tel-input标签是

默认在mobilePhoneInputOptions哪里

然后根据数据变化。

package.json的是

angular.json的是

我正在另一个运行完美的地方使用这个包。到目前为止我已经尝试过

我也试过删除node_modules文件夹然后运行npm i​​. 我还评论了我使用包的两个标签,但我仍然遇到相同的错误。我有什么我应该尝试的吗?我找不到任何与JQueryDeferred.

0 投票
1 回答
1829 浏览

javascript - 用于 intlTelInput 的 jquery 无法添加事件侦听器

尝试做一些类似于国家代码侦听器下拉但使用应该填充国家代码的文本框(以便我随后可以在 PHP 代码中使用该值)。

添加事件侦听器不起作用:

0 投票
3 回答
3727 浏览

reactjs - 如何将 react-intl-tel-input 与 formik 集成?

我正在使用 Formik 在我的 ReactJs 应用程序中处理表单,我想使用 react-intl-tel-input 来处理电话号码,但是我无法将 handleChange、handleBlur 和验证与 Formik 集成。现在我正在使用我的表单状态来保存电话号码及其验证状态,但这会通过重新渲染我的其他字段而导致 Formik 出现问题。

这是我的电话号码组件:

实现此目的的正确方法是什么?我的意思是使用自定义组件但能够使用 Formik 的 handleChange、handleBlur 和验证模式?

提前致谢...

0 投票
2 回答
5385 浏览

angular - 如何为 ngx-intl-tel-input 设置初始值

我在我的 Angular 项目中使用 ngx-intl-tel-input 进行电话号码验证。

我需要为来自服务器的字段设置值。

我使用[value]了属性,但它似乎不起作用。

0 投票
1 回答
921 浏览

javascript - 尝试使用国际电话输入库作为国家代码时出错

我想在全球范围内验证手机号码,所以我进行了很多搜索,最后获得了 intl-tel-input 库来轻松执行此任务。

我在 GitHub 上使用它,一切正常。

问题是我没有根据我的项目中的用户 IP 地址获取自动国家代码,但是当我单独使用它时它可以工作。

我分享我所做的所有事情。

我正在尝试

-MVC ASP

这是我真正想要的屏幕截图。

https://imgur.com/TWjdrVH

这是我得到的截图

https://imgur.com/Yr7MYBx

我得到的错误

火狐

The script from “<a href="https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068" rel="nofollow noreferrer">https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068” was loaded even though它的 MIME 类型(“text/html”)不是有效的 JavaScript MIME 类型。[了解更多] 源“<a href="https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068”的注册加载失败rel="nofollow noreferrer">https://ipinfo.io/?callback=jQuery112405092049163202047_1555700688067&_=1555700688068”。注册:1:1

https://imgur.com/Q98ypO7

铬合金

获取https://ipinfo.io/?callback=jQuery112403105878441128118_1555701843619&_=1555701843620 net::ERR_ABORTED 429

https://imgur.com/whH2rVr

这是我使用的一些代码

看法

@Html.EditorFor(model => model.user_mobile, new { htmlAttributes = new { @class = "form-control", id = "mobile" } })

脚本

帮我解决我的问题

我想根据用户 IP 地址获取自动国家代码

0 投票
0 回答
280 浏览

javascript - 不支持 className 属性的样式化组件

我正在使用 react 和 styled 组件,并使用名为 IntlTelInput 的 3rd 方组件。
我的代码是这样的:

IntlTelInput不支持 className 属性,但是containerClassName. 结果,我得到了没有蓝色背景的 IntlTelInput。
我该如何解决这个问题?

0 投票
1 回答
2176 浏览

javascript - 如何使用 ng-intl-tel-input 指令获取国家代码

如何从Angularjs中的输入类型获取国家代码

我是Angularjs的新手,现在我有国家代码下拉列表+输入类型文本(用于手机号码),点击提交按钮后,我成功获取手机号码,但我怎样才能获得国家代码呢?这是我的 HTML 代码

这是我的脚本代码

编者注:

ng-intl-tel-input指令的 GitHub是https://github.com/hodgepodgers/ng-intl-tel-input

0 投票
1 回答
3376 浏览

angular - “窗口”类型上不存在属性“intlTelInput”

我正在使用 angular7。我的网站需要国际电话输入 ( https://intl-tel-input.com/ )。

所以我使用以下评论来安装 CDN。

之后我在 angular.json 中调用了 CSS 和 JS 文件

在“contactform.compenent.html”中添加了电话号码的输入字段

并在“app.compenent.ts”中添加了电话区的脚本

但是有一个错误来了。

src/app/app.component.ts(65,11) 中的错误:错误 TS2339:“窗口”类型上不存在属性“intlTelInput”。

0 投票
3 回答
1140 浏览

javascript - 在 Laravel 中实现 intlTelInput 的问题

我正在使用下面的代码在纯 HTML/CSS 中使用 intlTelInput,它工作正常,您可以看到演示(intl-tel-input 示例)。

HTML 代码

Javascript代码

现在,我在 laravel 中使用相同的代码,它什么也没显示。你能告诉我如何解决这个问题吗?

获取https://ipinfo.io/?callback=jQuery1111094 …<em>1559198167627&=1559198167628 net::ERR_ABORTED 429

0 投票
0 回答
338 浏览

javascript - 如何在 intlTelInput 中分别分隔国家代码和电话号码

我在我的项目中使用 intlTelInput 插件我想分别获取国家代码和电话号码我尝试了一些解决方案但没有结果。 解决方案 1 ,解决方案 2

这些是我到目前为止尝试过的代码

不知何故,我用这个得到了国家代码,但这不是正确的方法

这就是我试图获取没有国家代码的电话号码