Javascript 反应型IE11

我有以下表格：

   this.form = this.formbuilder.group({
      weight: [weight, [Validators.pattern('^(0|[1-9][0-9]*)$')]],
      height: [height, [Validators.pattern('^(0|[1-9][0-9]*)$')]]
    });

通过以下输入：

      <input type="number" placeholder="Indtast din højde i cm" name="height" formControlName="height" class="form-control"/>
      <div *ngIf="form.get('height').dirty && form.get('height').invalid" class="error-text">
        No Letters
      </div>

     <input type="number" placeholder="Indtast din vægt i kg" name="weight" formControlName="weight" class="form-control"/>
      <div *ngIf="form.get('weight').dirty && form.get('weight').invalid" class="error-text">
        No Letters
      </div>

没有信
没有信

这在chrome上可以正常工作，但在IE中，我可以写数字和字符，而不会收到错误消息

---

有人能告诉我我可能遗漏了什么吗？

你的问题是无效的，模式在数字输入中从来都不起作用，现在也不起作用（只是在Chrome中检查了它）​输入“e”）

---

您需要将输入类型更改为文本或允许字母（实际上为什么不…1e1===10--您可以为输入添加有效数字的验证）

我认为模式验证实际上在Chrome和IE中都不起作用。我同意Petr Averyanov的回答。您也可以参考和。文件中说：

元素不支持使用模式属性使输入的值符合特定的正则表达式模式

您可以将输入类型更改为

type=“text”

，然后它可以在IE和Chrome中工作

导致IE 11：