angular - angular 4 限制一些特殊字符和零

Question

我是 Angular 4 的新手，我正在学习从文本框中搜索数据

当我在我的代码中输入 % 和其他一些特殊字符时，它会创建错误并且我的应用程序崩溃，所以在 angular 4 中是否有任何解决方案。

这是我的代码

 <div class="btn-group" role="group" aria-label="...">
                                <div class="input-group">
                                    <div class="input-group-addon"> <i class="fa fa-search"></i></div>
                                    <input class="form-control" [(ngModel)]="searchData" (keyup)="searchItemData(searchData)" type="text" placeholder="Search..."/>
                                </div>
                            </div>

标签： angulartypescript

Answer 1

试试这个：

<input class="form-control" [(ngModel)]="searchData" (keyup)="searchItemData(searchData)" onkeypress='return (event.charCode > 96 && event.charCode < 123) || (event.charCode > 64 && event.charCode < 91) || (event.charCode >= 48 && event.charCode <= 57) || event.charCode <= 31' type="text" placeholder="Search..."/>

如果你想限制更多，只需添加相应的ascii。反之亦然。