文档管理中心
您当前浏览的HarmonyOS 5.0.0(API 12)文档归档不再维护,推荐您使用最新版本。详细请参考文档维护策略变更
FAQ应用框架开发UI框架方舟UI框架(ArkUI)TextInput如何限制输入字符为某些字符

TextInput如何限制输入字符为某些字符

TextInput的inputFilter属性,可以设置正则表达式参数,对输入的字符进行校验,校验不通过则输入无效。参考代码如下:

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct Index {
  4. controller: TextInputController = new TextInputController();
  5. build() {
  6. Column() {
  7. TextInput({ placeholder: '请输入密码', text: '123456', controller: this.controller })
  8. .type(InputType.Password)
  9. .placeholderColor(Color.Gray)
  10. .inputFilter('[0-9]', (val) => { //只允许输入0-9这10个字符,其他字符输入无效
  11. console.error('TextInputExample : ' + val);
  12. return 0;
  13. })
  14. }
  15. }
  16. }
在 FAQ 中进行搜索
请输入您想要搜索的关键词