Skip to content

PasswordBox(密码框)

扩展自$.fn.iTextbox.defaults,使用$.fn.iPasswordbox.defaults重写默认值对象。

该插件允许用户在具有更好交互功能的输入框中输入密码。 密码框会通过显示圆点的方式来保护您输入的密码文本,同时输入框中会提供一个眼睛的图标来通过点击的动作查看您输入的密码,来确保您输入的密码正确无误。

依赖关系

用法

通过标签创建密码框。

html
<input data-toggle="topjui-passwordbox" data-options="width:100%;height:34;iconWidth:28,padding:10,prompt:'Password'">

使用Javascript创建密码框。

javascript
$('#pb').iPasswordbox({
    width: 300,
    prompt: 'Password',
    showEye: true
});

属性

属性扩展自textbox,下面的属性是密码框添加或者覆盖了文本框的属性。

属性名属性值类型描述默认值
passwordCharstring在文本框中显示的密码字符。%u25CF
checkIntervalnumber在间隔的时间后检查并转换输入的字符为密码字符。200
lastDelaynumber在延迟的时间后转换最后输入的字符为密码字符。500
revealedboolean定义是否默认显示真实密码。FALSE
showEyeboolean定义是否显示眼睛图标。TRUE

事件

事件扩展自textbox

方法

方法扩展自 textbox,以下是新增的文本框方法。

方法名方法参数描述
optionsnone返回属性对象。
showPasswordnone显示密码。
hidePasswordnone隐藏密码。

基于最新稳定版jQuery EasyUI构建的前端框架