密码框控件用于输入密码,字符会以掩码(星号或圆点)显示,并可设置禁用、只读、宽度、高度等可选属性。
<wafctrl:password id="id" name="name" />
var options={
id:"password001",name:null,value:null,width:null,height:null,
//定义密码框中字符的最大长度
maxlength:null,
disabled:false,readonly:false,hidden:false,style:null,tabindex:0,tagClass:null
};
var dom = waf.createDOM("password", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("password", options, dom);
<input id="id" type="password" class="ui-password enter2tab form" ctrlrole="password">
<!--DOM创建好之后,使用js初始化控件-->
$("#id").wafPassword(options);
//调用方法
waf("#id").wafPassword('method', parameter...);
//eg:获取和设置值
waf("#id").wafPassword("getValue");
waf("#id").wafPassword("setValue");
//eg:更改事件
waf("#id").wafPassword("option","onchange",fn);
定义密码框的id;
定义密码框的名称;
定义密码框的初始值
定义密码框的宽度,值可以是整数、百分比或字符串;
定义密码框的高度,值可以是整数、百分比或字符串;
定义密码框中字符的最大长度;
定义密码框中字符的最小长度;
规定密码框为禁用状态,默认值为false;
规定密码框为只读状态,不能修改,但可以选中或者拷贝,默认值为false;
规定密码框为隐藏状态,默认值为false;
定义密码框的样式;
定义密码框样式类,可以添加一个或多个;
规定按下tab键时密码框控件获得焦点的顺序,默认值为0;
获得或设置密码框某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值[参考样例]
获得文本框中的值.
设置文本框中的值.
本框中的值发生改变,在失去焦点后将触发onchange事件。
参数说明:
密码框获得焦点时将触发onfocus事件
密码框失去焦点将触发onblur事件
密码框中的文本被选择时,将触发onselect事件
密码框被单击时将触发onclick事件
密码框被双击时将触发ondblclick事件
在密码框上释放按键时,将触发onkeyup事件
在密码框上按下键盘上的键时,将触发onkeydown事件
当浏览器捕获到密码框有键盘输入时触发onkeypress事件
当鼠标指针进入密码框内时,触发onmouseover事件
当鼠标指针在密码框内,并且鼠标按键被释放时,触发onmouseup事件
当鼠标指针在密码框内按下鼠标键时,触发onmousedown事件
当鼠标指针离开密码框时,触发onmouseout事件
当鼠标指针在密码框内移动时,触发onmousemove事件