扩展自$.fn.textbox.defaults,使用$.fn.maskedbox.defaults重写默认值对象。(该组件自1.5.5版开始可用)。
该插件允许用户在具有更好交互功能的输入框中输入密码。 密码框会通过显示圆点的方式来保护您输入的密码文本,同时输入框中会提供一个眼睛的图标来通过点击的动作查看您输入的密码,来确保您输入的密码正确无误。
通过标签创建遮罩框。
<input class="easyui-maskedbox" mask="(999) 999-9999" label="Phone Number" labelPosition="top" style="width:100%">
使用Javascript创建遮罩框。
<input id="mb" type="text" style="width:300px">
<script type="text/javascript">
$(function(){
$('#mb').maskedbox({
mask: '9999 9999 9999 9999'
});
});
</script>
属性扩展自textbox,下面的属性是遮罩框添加或者覆盖了文本框的属性。
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
mask | string | 表示当前遮罩的字符串。 | |
promptChar | string | 用于提示用户输入的字符内容。 | _ |
masks | string | 遮罩规则定义。 | { '9': '[0-9]', 'a': '[a-zA-Z]', '*': '[0-9a-zA-Z]' } |
事件扩展自 textbox。
方法扩展自 textbox,以下是新增的遮罩框方法。
方法名 | 方法属性 | 描述 |
---|---|---|
options | none | 返回参数对象。 |
initValue | value | 不会触发'onChange'事件的初始值。 |
setValue | value | 设置组件值。 |