nz-input限制输入只能是中文

longkui / 2024-11-05 / 原文

原文链接:nz-input限制输入只能是中文 – 每天进步一点点

一个简单需求,要求用户输入的内容只能是中文,以前的需求都是只能输入数字,这次需求改成了要求只输入中文。

环境:angular+ng-zorro(7.5.x)

HTML:

1
2
3
<input nz-input type="text"  
    (blur)="change(data)"
>

TS:

1
2
3
4
change(data){
 let res=data.replace( /[^\u4e00-\u9fa5]/g,'',)
 console.log(res)
}

其实原理很简单,用正则表达式把不是中文的替换掉,留下只有中文的部分即可。