我有一個帶有輸入框的表單。輸入框都是文字和數字。我必須驗證它們,然後我遵循這個並試圖驗證它們。角度2表單驗證數字最小值和最大值
據此,如果我必須驗證一個字符串,那麼我可以使用控制組如下。
constructor(fb: FormBuilder){
this.complexForm = fb.group({
'firstName' : [null, Validators.required],
'lastName': [null, Validators.compose([Validators.required, Validators.minLength(5), Validators.maxLength(10)])]
})
而且這樣做的HTML代碼如下...
<form [formGroup]="complexForm" (ngSubmit)="submitForm(complexForm.value)">
<div class="form-group">
<label>First Name:</label>
<input class="form-control" type="text" placeholder="John" [formControl]="complexForm.controls['firstName']">
</div>
<div class="form-group">
<label>Last Name</label>
<input class="form-control" type="text" placeholder="Doe" [formControl]="complexForm.controls['lastName']">
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
但我也必須驗證數字型輸入框,下面的例子。
<form [formGroup]="complexForm" (ngSubmit)="submitForm(complexForm.value)">
<div class="form-group">
<label>Age:</label>
<input class="form-control" type="number" [formControl]="complexForm.controls['age']">
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
但問題是驗證器沒有選擇什麼是輸入的最小值和最大值的選項。
有沒有人有解決這個問題的方法?
謝謝。
這裏簡單是simlilar問題http://stackoverflow.com/questions/39847862/min-max-validator- in-angular-2-final – Mehari