Html 角度6中输入类型编号的验证

我在Angular 6中工作，我有ngForm中的输入

    <form #editForm="ngForm" id="editForm" class="well-model-form px-2">
.
.
.
  <div class="col-4">
<input type="number" class="input-style-text"
 [(ngModel)]="myModeldata.depth.value" name="depth">
</div>

.
.
</form>

在html文件中：

<input type="text" class="input-style-text" [(ngModel)]="myModeldata.depth.value"
                                    name="depth"
                                       (keypress)="keyPress($event, myModeldata.depth.value)">

---

您可以使用角度反应式表单并向控件添加验证器

在此之后，您只需请求

myControl.valid

editForm = this.fb.group({
  myModeldata: ['', Validators.maxLength(10)],
});

---

对于isNumber验证，您可以编写自己的自定义验证程序。

您可以使用角度反应式表单，并将验证程序添加到控件中

在此之后，您只需请求

myControl.valid

editForm = this.fb.group({
  myModeldata: ['', Validators.maxLength(10)],
});

---

对于您的isNumber验证，您可以编写自己的自定义验证程序。

您可以为您的问题创建stackbliz…您可以为您的问题创建stackbliz。。。

<input type="text" class="input-style-text" [(ngModel)]="myModeldata.depth.value"
                                    name="depth"
                                       (keypress)="keyPress($event, myModeldata.depth.value)">

editForm = this.fb.group({
  myModeldata: ['', Validators.maxLength(10)],
});