项目地址

https://github.com/cipchk/inputmagnify

Input放大镜

Input放大镜,像在输入手机号或身份证号码时,每四位插入一个分隔符。

使用

  1. 依赖于jQuery。
  2. 分别引用css.css和src.js两个文件。

javascript 方式

$('#mobile').inputmagnify({
    placement: 'bottom'
});

html 方式

<input type="text" data-cipchk="inputmagnify" data-first_digit="4" />

所有参数都支持 data-* 的形式。

参数

  • animation:显示时是否带动画效果,(boolean:true)。
  • placement:放大镜位置,(字符串:top、left、right、bottom)。
  • first_digit:首次间隔位数,比如手机号前3位需要分隔,当为0时不参与(整数:3)。
  • interval_digit:除首次间隔外,剩下字符间隔位数,(整数:4)。
  • works:间隔字符,(字符串:半角空格)。
  • template:显示器模板文件。
  • container:显示器HTML置放位置,(jQuery对象:默认放到input后面)。