NativeScript-MaskedInput
适用于 iOS 和 Android 的 {N} 面板输入插件
npm i --save nativescript-maskedinput

{N} 面板输入插件

License npm npm GitHub release

此插件扩展了 {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 [字符串]

获取从面板创建的正则表达式,以便您可以进行自己的验证。