如何在国际电话输入中只允许电话号码？答案

【问题标题】：How to allow only phone number at intl-tel-input?如何在国际电话输入中只允许电话号码？
【发布时间】：2018-04-11 10:29:55
【问题描述】：

我在我的网页上使用了International Telephone Input。问题是，用户可以在<input type="tel"> 输入任何内容。但是，如果你查看这个fiddle，你会看到用户只能输入加号作为第一个字符，他们必须输入剩余的数字。另外，如果你复制这个，'+880 1x xxxxxxxx'并粘贴在那个输入上，它只会保留'+880 1'怎么做？我没有在该小提琴中看到任何用于实现该功能的额外代码。你能看看我的小提琴，告诉我我能做些什么来实现这些吗？

My Fiddle

【问题讨论】：

这两个链接的jQuery代码完全不同。这就是为什么您的代码无法按预期工作的原因。比较和改变自己。

标签： jquery intl-tel-input

【解决方案1】：

输入类型tel用于移动设备将自定义键盘更改为数字键盘。

developer.mozilla.org 说 tel 类型的输入在功能上与标准文本输入相同

与 input type="email" 和 input type="url" 不同，在提交表单之前，输入值不会自动验证为特定格式。所以你必须对文本输入做一个正常的正则表达式。

您可以在此处找到更多信息：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel

关于最初的 FIddle 链接，它似乎使用了一些可以做你想做的事情的引导类，请看这里：

http://js.nicdn.de/bootstrap/formhelpers/docs/phone.html

【讨论】：