我有一個輸入欄位型別編號，我想實作以下場景。
- 值長度應小于 5。（最大長度 5）
- 如果僅上述條件為真，則提交按鈕將啟用。
有人可以幫我嗎？
.ts
public searchForm: FormGroup = new FormGroup({
zip: new FormControl("",[Validators.required,Validators.pattern(/^-?(0|[1-9]\d*)?$/), Validators.maxLength(5)]),
});
.html
<form [formGroup]="searchForm">
<div class = "form-group">
<input type="number" name="zip"
formControlName="zip" id="zip" placeholder="Enter a Zip Code" />
</div>
<button (click)="myFunction(myModal)"
type="button [disabled]="searchForm.invalid">Search
</button>
</form>
uj5u.com熱心網友回復：
閱讀
maxLength時忽略： https : //developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-<input type="number">
您可以使用max驗證器來強制執行最大長度為 5
因此，您的 .ts 將如下所示。
public searchForm: FormGroup = new FormGroup({
zip: new FormControl("",[Validators.required,Validators.pattern(/^-?(0|[1-9]\d*)?$/), Validators.max(99999)]),
});
更新
解決此問題的另一種方法是IF type=number在您的用例中不是強制性的，即洗掉type=number. 然后Regex，您已經使用的將為您進行驗證，如果用戶未輸入，它將disable成為按鈕number
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/421060.html
標籤：