HarmonyOS 鸿蒙Next 如何自定义 TextInput 的可输入字符集

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 如何自定义 TextInput 的可输入字符集

在 ArkUI 中, TextInput 可以用于输入各种字符.

但是我的需求比较特殊, 只支持数字, 小写字母, 和两个特殊字符: !, _.

支持的输入类型, 官方代码是这样的:

  1. TextInput()
  2. .type(InputType.Normal)

有没有方式可以自定义 InputType, 然后输入的字符只能是上述的要求?

Harmonyos Next教程
2 回复

用正则，判断输入的内容是否满足

isValidInput(input: string): boolean {
  const regex = /^[0-9a-z_!]*$/;
  return regex.test(input);
}

在HarmonyOS鸿蒙Next中，自定义TextInput的可输入字符集可以通过设置inputFilter属性来实现。inputFilter允许你定义一个正则表达式，对输入的字符进行校验，只有符合正则表达式的字符才能被输入。

例如，如果你只想允许用户输入数字、小写字母以及特殊字符“!,._”，你可以这样设置：

@Entry
@Component
struct MyComponent {
    build() {
        TextInput({
            placeholder: '请输入',
            inputFilter: /^[0-9a-z!,._]*$/, // 正则表达式，定义允许的字符集
            // 其他属性...
        })
    }
}

在上述代码中，inputFilter的正则表达式^[0-9a-z!,._]*$指定了只允许输入数字（0-9）、小写字母（a-z）以及特殊字符“!,._”。

此外，inputFilter还可以接受一个回调函数，用于更复杂的字符校验逻辑。你可以在回调函数中编写自定义的校验规则，并返回相应的处理结果。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部