javascript - 限制用户在 ngModel 的 Angular 2 中输入最多 5 位整数,最多 2 位小数

标签 javascript angular

我有一个包含 [(ngModel)] 的输入文本字段,我的要求是允许用户仅输入最多 5 位小数的数字。创建指令是最好的解决方案,但我不知道如何引入这个功能。请帮忙。

要求是 - 99999.99 是正确的 99.9 也是正确的。

我使用了数字管道 [ngModel]="cost |number:'1.0-2' 但它不起作用..

最佳答案

您可以使用 <input> 的模式属性以验证您的输入。我根据您的要求添加了一个模式,正/负,0 到 5 位数字,0 到 2 位小数:

<input name="something" pattern="^[-+]?\d{0,5}(\.\d{0,2})?$">

关于javascript - 限制用户在 ngModel 的 Angular 2 中输入最多 5 位整数,最多 2 位小数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48752982/

相关文章:

angular - 使用 MatMenuTrigger 上的 ViewChild 以编程方式打开 Angular Material 菜单

javascript - Zapier - Catch Hook - JSON 数组 - 遍历数组中的每个项目

javascript - NodeJS - 每个异步/等待的映射

javascript - Javascript 是否有像 Ruby 的 ||= (双管道)那样的条件赋值

css - Angular 想要根据移动设备和桌面设备通过 CSS 修改 HTML 上的 ngIf 值

javascript - 除某些点击事件外,Mat-Menu 上的 StopPropagation - Angular

html - 使用 *ngFor 更改两个元素中一个元素的样式

angular - 我的 Angular 渐进式 Web 应用程序不可搜索

javascript - MongoDB 对象未从数据库中删除

javascript - 如何对我的 Observable 的 catch 主体进行单元测试