jQuery国际电话区号选择插件intlTelInput.js

所属分类:输入-自动完成

 49200  293  查看评论 (17)
分享到微信朋友圈
X
jQuery国际电话区号选择插件intlTelInput.js ie兼容8

基本用法:

包括需要在页面的头部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: ""
相关插件-自动完成

简易计算器自适应移动端

采用逆波兰表达式实现的简易计算器
  自动完成
 15529  268

jQuery中文转拼音加员工编号计算

用户输入中文,自动生成拼音,点击确定按钮,计算出这个姓名对应的唯一编号
  自动完成
 19875  322

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 27633  296

jQuery内容查找高亮

支持中英文文本内容查找,不区分大小写支持跨标签内容查找支持追踪显示下一个。这个插件虽然简单不过网上仅此一份其他的查找都不可以支持跨标签查找内容并高亮
  自动完成
 19663  301

讨论这个项目(17)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    甯彡King 0
    2021/9/23 16:44:21
    初始化插件后 怎样清除掉呢 回复
    再见_理想 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);
        }
    回复
    zlhf66 0
    2019/9/5 15:56:29
    能搜索国家吗??求助!! 回复
    习云芳(WEB前端) 0
    2019/4/18 16:55:40
    utilsScript参数的作用是什么呢? 回复
    嫣鸿 0
    2019/3/8 10:53:51
    如果我不使用jquery.js,我用zepto.min.js,会提示jQuery报错,那我需要修改什么? 回复
    zhōng zhì 0
    2019/1/30 16:52:31
    怎么获取国家区号
    回复
    ZShuaiXi 0
    2018/10/15 15:02:36
    怎么使用js赋值改变国家区号? 回复
    Mr.xiaohu 0
    2018/9/18 18:21:45
    怎么根据语言自动切换呢
    回复
    Mr.xiaohu 0
    2018/9/18 17:53:06
    没看到韩国的呢 回复
    sho 0
    2018/6/25 17:12:22
    怎么样设置点击input也能出现下拉列表 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复