首页 > JavaScript > jQuery EasyUI文档 > 27. maskedbox(掩码框)

27. EasyUI maskedbox(掩码框)

扩展自.fn.iTextbox.defaults。使用.fn.iMaskedbox.defaults重写默认值对象。

掩码框强制用户输入结构。

maskedbox001.png

依赖关系

  • 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,予以删除。
© 2023 PV138 · 站点地图 · 免责声明 · 联系我们 · 问题反馈