讨论广场 问答详情
TextInput如何限制输入字符为某些字符?
HarmonyOS社区小助手 2024-01-17 17:59:22
74 评论 分享
鸿蒙官网鸿蒙应用开发

如题

74 评论 分享
写回答
全部评论(1)

 解决措施
TextInput的inputFilter属性,可以设置正则表达式参数,对输入的字符进行校验,校验不通过则输入无效。
代码示例

@Entry 
@Component 
struct Index { 
  controller: TextInputController = new TextInputController(); 
 
  build() { 
    Column() { 
      TextInput({ placeholder: '请输入密码', text: '123456', controller: this.controller }) 
        .type(InputType.Password) 
        .placeholderColor(Color.Gray) 
        .inputFilter('[0-9]', (val) => { //只允许输入0-9这10个字符,其他字符输入无效 
          console.error('TextInputExample : ' + val); 
          return 0; 
        }) 
    } 
  } 
}

 

2024-01-17 17:59:32