PasswordBox(密码框)

扩展自$.fn.textbox.defaults,使用$.fn.passwordbox.defaults重写默认值对象。(该组件自1.5版开始可用)

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

 

依赖关系

用法

通过标签创建密码框。

  1. <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="width:100%;height:34px;padding:10px"> 

使用Javascript创建密码框。

  1. <input id="pb" type="text" style="width:300px">
  2. $(function(){
  3.     $('#pb').passwordbox({
  4.         prompt: 'Password',
  5.         showEye: true
  6.     });
  7. });
 

属性

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

属性名 属性值类型 描述 默认值
passwordChar string 在文本框中显示的密码字符。 %u25CF
checkInterval number 在间隔的时间后检查并转换输入的字符为密码字符。 200
lastDelay number 在延迟的时间后转换最后输入的字符为密码字符。 500
revealed boolean 定义是否默认显示真实密码。 false
showEye boolean 定义是否显示眼睛图标。 true

 

事件

事件扩展自 textbox

 

方法

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

方法名 方法属性 描述
options none 返回属性对象。
showPassword none

显示密码。

hidePassword none 隐藏密码。

关注编程学问公众号