输入框增强

模块继承 placeholder 模块,包含其所有功能,增加清除输入框内容按钮以及密码框显示明文按钮,也可自定义按钮

先睹为快

选项参数

# iconfont

功能:按钮是否以图标形式展示

默认:false

类型:{String} 设置字体图标类名,会在按钮上添加上该类

类型:{Boolean} 值为true是类名默认是iconfont

# hover

功能:在输入框有值的情况下,是否鼠标悬停在输入框上时再显示按钮

默认:false

类型:{Boolean}

# show

功能:是否一直显示按钮,当输入框值为空时也显示

默认:false

类型:{Boolean}

# reveal

功能:设置密码框显示隐藏按钮内容,配合iconfont参数值可设置为字体图标编码

默认:null

类型:{String}

类型:{Object}

属性 默认值 类型 说明
content null {String} 设置按钮内容
{Object}
属性 默认值 类型 说明
text null {String} 当输入框为text类型时按钮内容
password null {String} 当输入框为password类型时按钮内容
title null {String} 设置按钮提示文本
{Boolean} 当值为true时,去按钮内容作为提示文本,false则不启用提示功能
{Object}
属性 默认值 类型 说明
text null {String} 当输入框为text类型时提示文本
password null {String} 当输入框为password类型时提示文本
iconfont null {Boolean} 功能等同选项参数
hover null {Boolean} 功能等同选项参数
show null {Boolean} 功能等同选项参数
callback null {Function} 按钮触发回调,接收3个参数依次是self:实例对象,event:事件对象,elem:按钮jQuery对象

# clear

功能:设置清除内容按钮内容,配合iconfont参数值可设置为字体图标编码

默认:null

类型:{String}

类型:{Object}

属性 默认值 类型 说明
content null {String} 设置按钮内容
title null {String} 设置按钮提示文本
{Boolean} 当值为true时,去按钮内容作为提示文本,false则不启用提示功能
iconfont null {Boolean} 功能等同选项参数
hover null {Boolean} 功能等同选项参数
show null {Boolean} 功能等同选项参数
callback null {Function} 按钮触发回调,接收3个参数依次是self:实例对象,event:事件对象,elem:按钮jQuery对象

# button

功能:设置多按钮,参数等同clear配置

默认:null

类型:{Array}

# limit

功能:限制文本框字符数量,默认取元素maxlength属性

默认:null

类型:{Boolean}

类型:{Number}

类型:{Object}

属性 默认值 类型 说明
max null {Number} 限制可输入字符数量
cn false {Boolean} 中文算2个字符
style null {Object} 设置样式

# text

功能:输入框占位提示文本

类型:{String}

默认:''

说明:若元素上含有placeholder属性将会覆盖该值

# animate

功能:是否以动画形式展示

类型:{Boolean}

默认:false

说明:输入框focus提示文本会缩进并且透明度降低

# equal

功能:输入框值是否可以和占位符内容相同

类型:{Boolean}

默认:true

说明:设置为false时如果输入值等于占位符值将自动被清空

# restore

功能:销毁或者重置组件是否还原默认值

类型:{Boolean}

默认:true

# color

功能:占位符文本颜色

类型:{String}

默认:'#ccc'

# onChange

功能:调用实例的value方法后执行回调

类型:{Function}

默认:null

实例属性

# target

功能:调用组件的对象

类型:{jQuery Object}

实例方法

# value

功能:设置输入框值

类型:{Function}

参数:val {String}

类方法

# value

功能:设置输入框值

类型:{Function}

参数:container {Object} 容器元素(选填)

参数:id {Number, String} 实例__id或者选项参数id

说明:将实例还原为初始状态,不传id则对所有实例操作