我有一个带有表单的angular4应用程序.在这个我输入一个百分比输入.所以,我想用0到100之间的值来阻止输入.
我试图添加min =“0”和max =“100”,但我仍然可以输入一个高于100或小于0的数字.
我试图添加min =“0”和max =“100”,但我仍然可以输入一个高于100或小于0的数字.
模板
<md-input-container> <input type="number" maxlength="3" min="0" max="100" required mdInput placeholder="Charge" [(ngModel)]="rateInput" name="rateInput"> <md-error>required field</md-error> </md-input-container>
你知道我怎么做吗?
我成功地使用了表单控件.
这是我的HTML代码:
这是我的HTML代码:
<md-input-container> <input type="number" min="0" max="100" required mdInput placeholder="Charge" [(ngModel)]="rateInput" name="rateInput" [formControl]="rateControl"> <md-error>Please enter a value between 0 and 100</md-error> </md-input-container>
this.rateControl = new FormControl("",[Validators.max(100),Validators.min(0)])
因此,如果我们输入的值大于100或小于0,则材料设计输入变为红色且该字段未验证.所以之后,如果值不好,我点击保存按钮时就不保存.
原文地址:https://www.jb51.cc/angularjs/141464.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。