A {N} 面具输入插件

此插件扩展了 {N} TextView，以便实现输入面具。

注意

iOS 7+

Android API 17+

插件不支持从 TextView 使用 keyboardType 属性。

插件将尝试确定面具类型并自动显示适当的 keyboardType。

安装

运行 tns plugin add nativescript-maskedinput-ng2

用法

要使用 MaskedInput，您需要将其包含在您的 XML 中。

将以下内容添加到您的页面指令中。

xmlns:mi="nativescript-maskedinput-ng2"

通过添加以下 XML 使用 MaskedInput。

<mi:MaskedInput mask="1-999-999-9999? x999" hint="1-555-555-5555" placeholder="#" />

属性

mask [string]

获取或设置用于输入的面具

面具选项

• 9 与正则表达式 [0-9] 相同
• a 与正则表达式 [A-Za-z] 相同
• * 与正则表达式 [A-Za-z0-9] 相同
• ? 指定问号之后的内容是可选的。

支持的分隔符

• |
• /
• \
• .
• $
• ( )
• [ ]
• { }

valid [boolean]

如果输入文本与面具匹配，则返回 true 或 false。

使用 FormattedText 属性或 text 属性来验证输入。

placeholder [string]

获取或设置占位符。

默认值: _

RawText [string]

获取仅与面具的正则表达式模式匹配的文本。

您不能验证 RawText 属性。它将失败。

FormattedText [string]

获取包括面具中指定的任何分隔符的完整文本。

regEx [string]

获取从面具创建的正则表达式，以便您可以执行自己的验证。