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

Question

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

Answer 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; 
        }) 
    } 
  } 
}