javascript - jquery国际电话号码输入

标签 javascript jquery

我正在尝试在 http://www.jqueryscript.net/form/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html 上学习 jquery 教程在表单中创建带有国家/地区代码的输入类型编号。然而,在我的例子中,虽然标志似乎发生了变化,但国家代码并没有像演示中那样添加到输入字段中。

以下是他们提供的代码:

<head>
<meta charset="utf-8">
<title>International Telephone Input</title>
<link rel="stylesheet" href="build/css/intlTelInput.css">
<link rel="stylesheet" href="build/css/demo.css">
</head>
   <body>

<form>
  <input id="mobile-number" type="tel">
  <button type="submit">Submit</button>
</form>

<!-- Load jQuery from CDN so can run demo immediately -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="build/js/intlTelInput.js"></script>
<script>
  $("#mobile-number").intlTelInput({
    //allowExtensions: true,
    //autoFormat: false,
    //autoHideDialCode: false,
    //autoPlaceholder: false,
    //defaultCountry: "auto",
    //ipinfoToken: "yolo",
    //nationalMode: false,
    //numberType: "MOBILE",
    //onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
    //preferredCountries: ['cn', 'jp'],
    //preventInvalidNumbers: true,
    utilsScript: "lib/libphonenumber/build/utils.js"
  });
</script>

这是我尝试实现它的链接:https://www.easyaccom.com/mobile/verifynumber.html

我曾尝试更改脚本中注释掉的选项,但没有帮助。

最佳答案

好的,我解决了这个问题。 所以基本上这里是必须为真的选项字段,我们需要将下面的脚本放在 </head> 之前标签。

脚本:

<script>
$(function() {
$("#mobile-number").intlTelInput({
allowExtensions: true,
autoFormat: false,
autoHideDialCode: false,
autoPlaceholder: false,
defaultCountry: "auto",
ipinfoToken: "yolo",
nationalMode: false,
numberType: "MOBILE",
//onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
//preferredCountries: ['cn', 'jp'],
preventInvalidNumbers: true,
utilsScript: "lib/libphonenumber/build/utils.js"
});
});
</script>

放在head标签之前,记得调用$("#mobile-number").intlTelInput();因为这很重要。

关于javascript - jquery国际电话号码输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28882944/

相关文章:

javascript - 如何将 InMemoryUploadedFile 上传到我的 S3 存储桶?

javascript - 如何将 html 标题(工具提示)添加到 leaflet.js 多边形?

javascript - Select2 initSelection 已弃用

jquery 检查 xml 元素是否有子元素?

javascript - 使用 Javascript 更新时间元素

javascript - 将值从 ios 传递到 JavaScript

javascript - 背景图像 SVG 动画停止在 chrome 上工作

javascript - 在iOS 13.4上deviceMotion rotationRate为null

jquery - 删除 jquery mobile 中按钮的圆角

javascript - 从另一个站点获取内容