提交按钮未禁用，但在检查数字格式时未禁用

Question

我使用 angular 并且我使用表单，尤其是模板驱动的表单。特别是我有一个可以主要为零的数字，它必须有两位小数所以：

<form (ngSubmit)="onSubmitForm()" #search="ngForm">
  <input type="text" ngModel class="form-control" name="search_Home" required min=0>
  <button class="btn btn-primary" type="submit" [disabled]="!search.valid">Submit</button>
</form>

问题是，当我不输入任何内容时，按钮被禁用，但如果我输入值“-3”，按钮变得可点击，但它不是correct.Anyone可以帮助我吗？

Answer 1

HTML

<form (ngSubmit)="onSubmitForm()" #search="ngForm">
  <input type="text" [ngModel]="searchHome" (input)="isNumber($event)" class="form-control" name="search_Home" required min=0>
  <button class="btn btn-primary" type="submit" [disabled]="isFormValid">Submit</button>
</form>

分量：

isBtnSubmitDisabled = true;

isNumber(value) {
  if(value && /* cond */) {
    this.isBtnSubmitDisabled = false;
  }
}

get isFormValid() {
  return this.isBtnSubmitDisabled;
}

提交按钮未禁用，但在检查数字格式时未禁用

Submit button becomes not disable but it doesn't have be disable when check on number format

angular2-template

angular

angular-forms