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

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

 10071  42  查看评论 (5)
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: ""
相关插件-自动完成

jquery输入框邮箱下拉智能提示

jquery输入框邮箱下拉智能提示
  自动完成
 11916  105

jq汉字转拼音

汉字转拼音
  自动完成
 9282  83

仿淘宝选择商品计算价格

同一个商品有不同的版本,最后选择后计算出价格
  自动完成
 12601  158

jquery模糊搜索查询

可根据用户输入对应的关键词来筛选相关的内容
  自动完成
 18137  84

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    ss1354295294 0
    2018/3/29 9:39:34
    我想在angular4 里面有这个 怎么实例化? 谁有好的解决方案? 回复
    阴晴圆缺 0
    2018/3/2 15:03:20
    默认选择中国 要怎么设置呢?
    回复
    略懂略懂 0
    2017/11/27 10:13:24
    没完善啊,国家区号怎么获取到啊?
        青青子矜。1
        2018/1/30 13:00:53

        var code = $("#phone").intlTelInput("getSelectedCountryData")

        返回一个国家对象数组:

        {  
          name: "Afghanistan (????????????)",
          iso2: "af",
          dialCode: "93"
        }

        详情请参考 https://github.com/jackocnr/intl-tel-input

    回复
    平常心 0
    2017/9/22 13:57:24
    怎么不显示号码呢? 回复
取消回复