如何在intl-tel-input中仅允许电话号码?

时间:2018-04-11 10:29:56

标签: jquery intl-tel-input

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

My Fiddle

1 个答案:

答案 0 :(得分: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