插件描述：国际电话区号选择器插件intlTelInput.js，将标准输入转换为具有国旗下拉列表的国际电话输入。当点击下拉列表时，它会列出旗帜旁边的所有国家和国际拨号代码。非常适合您的网站的国际访客。
基本用法：
包括需要在页面的头部intltelinput.css。
<link rel="stylesheet" href="build/css/intlTelInput.css">
创建标准电话输入字段
<input type="tel" id="demo" placeholder="">
包括页面底部jQuery JavaScript库jQuery国际电话输入插件。
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="build/js/intlTelInput.js"></script>
初始化插件
$("#demo").intlTelInput();默认选项
//是否允许下拉 allowDropdown: true, // if there is just a dial code in the input: remove it on blur, and re-add it on focus autoHideDialCode: true, // 添加在所选国家例数输入占位符 autoPlaceholder: "polite", // 修改自动占位符 customPlaceholder: null, // 附加菜单到特定元素 dropdownContainer: "", // 不要显示这些国家 excludeCountries: [], // 在初始化过程中格式化的输入的值 formatOnDisplay: true, //更多的查找功能 geoIpLookup: null, //初始国家 initialCountry: "", // 不要插入国际拨号码 nationalMode: true, //数字类型用于占位符 placeholderNumberType: "MOBILE", // display only these countries onlyCountries: [], // 显示只有这些国家 preferredCountries: [ "us", "gb" ], //在选定的标记旁边显示国家拨号码，因此它不是键入编号的一部分 separateDialCode: false, // 指定要启用验证/格式的一个专门用于脚本的路径 utilsScript: ""
PREVIOUS:
NEXT:
相关插件-自动完成
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
再见_理想 0
2020/2/21 0:53:48
-
没有验证效果，点了提交乱填不提示！
areyouOk1
2020/2/21 9:28:46
这个自己加，很简单的
// 验证手机号
function isPhoneNo(phone) {
var pattern = /^1[34578]\d{9}$/;
return pattern.test(phone);
}
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
