PasswordBox(密码框)
扩展自$.fn.textbox.defaults,使用$.fn.passwordbox.defaults重写默认值对象。(该组件自1.5版开始可用)
该插件允许用户在具有更好交互功能的输入框中输入密码。 密码框会通过显示圆点的方式来保护您输入的密码文本,同时输入框中会提供一个眼睛的图标来通过点击的动作查看您输入的密码,来确保您输入的密码正确无误。
依赖关系
用法
通过标签创建密码框。
- <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="width:100%;height:34px;padding:10px">
使用Javascript创建密码框。
- <input
id="pb" type="text" style="width:300px">
- $(function(){
- $('#pb').passwordbox({
- prompt: 'Password',
- showEye: true
- });
- });
属性
属性扩展自textbox,下面的属性是密码框添加或者覆盖了文本框的属性。
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
passwordChar | string | 在文本框中显示的密码字符。 | %u25CF |
checkInterval | number | 在间隔的时间后检查并转换输入的字符为密码字符。 | 200 |
lastDelay | number | 在延迟的时间后转换最后输入的字符为密码字符。 | 500 |
revealed | boolean | 定义是否默认显示真实密码。 | false |
showEye | boolean | 定义是否显示眼睛图标。 | true |
事件
事件扩展自 textbox。
方法
方法扩展自 textbox,以下是新增的文本框方法。
方法名 | 方法属性 | 描述 |
---|---|---|
options | none | 返回属性对象。 |
showPassword | none |
显示密码。 |
hidePassword | none | 隐藏密码。 |