我使用下面的代碼驗證我的角度形式
<div class="form-group">
<input type="text" minlength="12" maxlength="12" name="accountno" #accountNo="ngModel" required class="form-control" pattern="^[0-9]*$"
[(ngModel)]="registerUser.accountNo" [class.is-invalid]="accountNo.invalid && accountNo.touched"
placeholder="Account No.">
<div [class.d-none]="accountNo.valid || accountNo.untouched">
<small *ngIf="accountNo.errors?.required" class="text-danger">Account No. is required</small>
<small *ngIf="accountNo.hasError('pattern')" class="text-danger">Accout No. should be 12 numbers</small>
<small *ngIf="accountNo.hasError('minlength')" class="text-danger">Accout No. must be at least 12 Numbers.</small>
</div>
</div>
當我在文本框中輸入字母時，會同時觸發兩個驗證。請檢查下圖
我如何一一加載我的驗證..謝謝
uj5u.com熱心網友回復：
這是正確的行為，因為您提供的文本不是有效數字，并且少于 12 個字符。
uj5u.com熱心網友回復：
使用NgSwitch而不是 ngIf 和一些回傳 formControl.errors 物件的第一個鍵的函式呼叫我認為它可以幫助
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/353989.html
標籤：javascript 有角的 验证