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

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

 8395  37  查看评论 (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: ""
相关插件-自动完成

js脚本房贷计算器

js脚本房贷计算器、住房贷款计算器、 公积金贷款计算器
  自动完成
 11704  47

仿淘宝选择商品计算价格

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

简单好用的jq仿手机通讯录字母索引特效

仿手机通讯录字母索引jq特效
  自动完成
 14864  88

剩余字数

1.实时计算剩余字数; 2.超过最大字数输入无效; 3.兼容手机输入; 4.jQuery版;
  自动完成
 9323  76

讨论这个项目(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
    怎么不显示号码呢? 回复
取消回复