HarmonyOS 鸿蒙Next inputFilter 无法过滤个别 emoj 表情
HarmonyOS 鸿蒙Next inputFilter 无法过滤个别 emoj 表情
<markdown _ngcontent-cap-c237="" class="markdownPreContainer">
我的需求是只允许输入中文+英文+数字，我的代码是：
TextInput({ text: this.message })
.inputFilter("[\u4e00-\u9fffA-Za-z0-9]+") // 正则过滤 只保留汉字+数字+英文大小写
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>但实际效果中部分 emoji 不会被过滤，并且一些标点符号也不会（见下图）
请问有什么好的办法吗？
10 回复
可以试试以下方法
import { TextInput, Text, Column } from '[@ohos](/user/ohos)/tv-ui';
import { Component, State } from '[@ohos](/user/ohos)/tv-ui';
@Entry
export class MyApp extends Component {
@State message: string = ‘’;
validateInput(input: string): string {
const regex = /[^\u4e00-\u9fffA-Za-z0-9]/g;
return input.replace(regex, ‘’);
}
handleInput(event: any) {
this.message = this.validateInput(event.value);
}
render() {
return (
<Column>
<TextInput
text={this.message}
onChange={(event) => this.handleInput(event)}
/>
<Text>{this.message}</Text>
</Column>
);
}
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
