npm i --save nativescript-maskedinput
- 版本:0.0.3
- GitHub: https://github.com/bthurlow/nativescript-maskedinput
- NPM: https://npmjs.net.cn/package/nativescript-maskedinput
- 下载
- 昨天: 0
- 上周: 0
- 上个月: 0
{N} 面板输入插件
此插件扩展了 {N} TextView,以允许输入面板。
注意
iOS 7+
Android API 17+
插件不支持使用 TextView 的 keyboardType 属性。
插件将尝试确定面板类型,并自动显示适当的 keyboardType。
安装
运行 tns plugin add nativescript-maskedinput
使用
要使用 MaskedInput,您需要将其包含在您的 XML 中。
在您的页面指令中添加以下内容。
xmlns:mi="nativescript-maskedinput"
通过添加以下 XML 使用 MaskedInput。
<mi:MaskedInput mask="1-999-999-9999? x999" hint="1-555-555-5555" placeholder="#" />
属性
mask [字符串]
获取或设置用于输入的面板
面板选项
- 9 与正则表达式 [0-9] 相同
- a 与正则表达式 [A-Za-z] 相同
- * 与正则表达式 [A-Za-z0-9] 相同
- ? 表示问号之后的内容是可选的。
支持的分隔符
-
- |
- /
- \
- .
- $
-
- ( )
- [ ]
- { }
valid [布尔值]
如果输入文本与面板匹配,则返回 true 或 false。
使用 FormattedText
属性或 text
属性来验证输入。
placeholder [字符串]
获取或设置占位符。
默认:_
RawText [字符串]
获取与面板中正则表达式模式匹配的文本。
您无法验证 RawText 属性。它会失败。
FormattedText [字符串]
获取包括面板中指定的任何分隔符在内的完整文本。
regEx [字符串]
获取从面板创建的正则表达式,以便您可以进行自己的验证。