27. EasyUI maskedbox(掩码框)
扩展自.fn.iTextbox.defaults。使用.fn.iMaskedbox.defaults重写默认值对象。
掩码框强制用户输入结构。
依赖关系
- textbox
用法
通过标签创建掩码框。
<input data-toggle="topjui-maskedbox" mask="(999) 999-9999"
label="Phone Number:" labelPosition="top" style="width:100%">
使用Javascript创建掩码框。
<input id="mb" type="text" style="width:300px">
$(function(){
$('#mb').iMaskedbox({
mask: '9999 9999 9999 9999'
});
});
属性
属性从文本框扩展自textbox(文本框),新增或重写的maskedbox属性如下:
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
mask | string | 表示当前掩码的字符串。 | |
promptChar | string | 用于提示用户输入的字符。 | _ |
masks | string | 掩码规则定义。 | { ‘9’: ‘[0-9]’, ‘a’: ‘[a-zA-Z]’, ‘*’: ‘[0-9a-zA-Z]’ } |
事件
继承textbox事件。
方法
方法扩展自textbox,以下是新增的maskedbox方法。
方法名 | 方法参数 | 描述 |
---|---|---|
options | none | 返回属性对象。 |
initValue | value | 初始化值而不触发OnChange事件。 |
setValue | value | 设置组件值 |
本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。