標簽[angular2-form-validation]

[英]Angular removing Validators.min from form control validation

我有一個包含 2 個字段的表單： includeValidation，一個 select 下拉菜單（2 個選項）：有驗證，沒有驗證金額，輸入數字字段根據第一個下拉列表，我在第二個字段上有驗證器：Validators.required，Validators.min(0.1)。我試圖使用 clea ...

Angular：在更改和設置字段值時禁用字段

[英]Angular: disable field on change and set value of field

我有一個表，我需要在其中呈現數據庫值，然后在用戶更改后我需要提交該表單。這是演示我需要申請，如果狀態為“已消除”或“缺席”，則需要禁用排名下拉菜單，排名將為空/0。我能夠呈現詳細信息並嘗試更改狀態以禁用排名，但它不起作用。請幫助和指導。謝謝。 TS HTML ...

Angular 表單驗證 - hasError min 不起作用

[英]Angular Form Validation - hasError min doesnt work

如果值為 0 但它不起作用，我想顯示一個錯誤。 HTML： TS：有誰知道為什么這不起作用？ Angular 文檔說有一個最小值或最大值。 ...

Angular 表單驗證 - 在另一行/div 中顯示錯誤

[英]Angular form validation - display error in another row/div

當前錯誤消息顯示在文本框下方。但我想在下面的整行中顯示它到 label 和文本框我通過移動下面的 div 進行了嘗試，但它不起作用。我看到invalid-feedback的 css 仍然是display: none 。它應該更改為display: block或刪除 <div class= ...

Angular FormBuilder 組已棄用

[英]Angular FormBuilder group is deprecated

我看到有一個主題看起來像我的，但它並沒有真正回答我的問題，因為我們沒有以相同的方式管理錯誤。 FormBuilder 組已棄用首先，我剛剛遷移到 Angular 11，現在我遇到了這個問題：在此頁面中，我在我的頁面上自動生成許多 forms 並且在日期范圍的情況下我使用兩個日期選擇器。我創建了 ...

何時何地調用 updateValueAndValidity？

[英]When and where to call updateValueAndValidity?

我不清楚我應該在何時何地調用updateValueAndValidity 。假設我有一個帶有許多 formControls 的 formGroup。現在，基於一些單選選項選擇，觸發一個事件來修改多個 formControls 的“驗證器”。 Q1：我是在修改后立即調用 updateValue ...

從未訂閱異步驗證器 (AsyncValidatorFn)

[英]async validator (AsyncValidatorFn) is never subscribed to

我寫了一個自定義表單驗證器，但在errors它只有"_isScalar": false, "source": { "_isScalar": false, "source": { "_isScalar": false, "source": {"_isScalar": false}, "operato ...

提交表單時如何觸發表單驗證（僅）？

[英]How to trigger form validations (only) when submitting the form?

我創建了一個動態表單，您可以在其中添加或刪除帶有專用按鈕的字段：問題是當我們添加一個新字段時，表單驗證會立即觸發，導致顯示錯誤消息：我只想在用戶嘗試在出現錯誤時提交表單時觸發它。當然，如果出現錯誤，則無法提交表單（Validators.required，nicknameValida ...

如何從 Angular 中的項目列表中添加表單驗證

[英]How to add form validation from a list of items in Angular

我有一個帶有驗證的反應式表單，我正在嘗試弄清楚如何向項目列表添加額外的檢查。前任。除了其他必填字段之外，我希望至少檢查一項以確保表單有效。以下是正在顯示的表單中的項目。您可以看到它只是一個名為“practicingStyles”的數組中的項目列表，它們顯示為按鈕前任。 selectedPr ...

Angular Reactive Forms：如何顯示錯誤+紅色邊框？

[英]Angular Reactive Forms: How to display an error+red border?

我開始使用 Angular Reactive Forms。我真的很喜歡能夠有異步驗證器的想法（對於必須檢查數據庫的東西），我喜歡 GUI 不需要知道每個規則的想法。所以我有一個虛擬的登錄表單：和匹配的視圖：目前，我不知道為什么用戶無法提交表單。以前我在做一些 ASP.Net C ...

Angular多次調用驗證function

[英]Angular calls a validation function for many times

我有 angular 表格。當我打開應用程序時，控制台在沒有我的情況下四次登錄in fooValidation什么都沒有。為什么？這是設計使然？如何讓它只在表單提交后或焦點在指定字段時執行？import { Component } from "@angular/core"; import ...

表單字段驗證不起作用 Angular 8

[英]Form field validation not working Angular 8

我正在驗證動態創建的表單字段。我基本上有三個驗證：在我的 HTML 中：我也嘗試過簡單的：在我的 typescript 我有兩種方法： limitUser 限制用戶輸入任何高於 10 或低於 0 的值，因為它會按預期自動將其更改為 10 或 0。 isNumberOnly 確保用戶只輸 ...

如何自定義驗證 FormArray

[英]How to custom validate FormArray

我正在使用 FormArray 構建一個反應式表單，其中包含 FormGroups。每個 FormGroup 有 3 個控件，其中兩個是下拉菜單。我想防止用戶在其中一個下拉菜單中多次選擇相同的選項。我編寫了一個自定義驗證器來實現這一點。驗證器似乎有效，因為我輸入了 if 子句，我在其中返回 ...

Angular Reactive Form Validation：不允許數字小於現有數字

[英]Angular Reactive Form Validation: Do not allow a number less than existing number

我有一個 Angular 反應形式的數字輸入字段。我想在輸入小於初始值的值時顯示錯誤消息。我需要創建自定義驗證器還是有更簡單的方法來做同樣的事情。 ...

基於條件的動態驗證

[英]Dynamic validation based on conditions

場景：我有 4 個表單域。說明（可選）選擇類型（必填）電話（僅需要選擇類型為“手機”）電子郵件（僅在選擇類型設置為“電子郵件”時才需要）當我更改任何選擇類型字段時，根據選擇，電話字段或電子郵件字段將可見。我需要驗證這些字段。問題：當表單加載時，它只有描述，選 ...

在 angular 中使用 ngModel 和 ngModelOption 進行表單驗證 8

[英]Form validations with ngModel and ngModelOption in angular 8

我將 angular 8 與 formGroup 和 formController 一起用於驗證，它通過反應式和模板驅動的形式工作得很好。但是，我試圖在 angular 8 中使用具有“ngModelOptions”屬性的“ngModel”（這是一個動態生成的字段）。它使用“必需”屬性正確顯示 ...

Angular，有沒有辦法在沒有表單的情況下“markAsTouched”一個字段？

[英]Angular, is there a way to "markAsTouched" a field without a Form?

我已經知道FormControl內的 INPUT 項目可以通過調用以下任何方法（可能更多）來標記dirt或touched ： group.markAsTouched(); form.get('control-name').markAsTouched(); form.markAllAsTouched( ...

如何在使用 Reactive-Forms 時在 Angular-8 中分離“已實現的條件驗證服務/函數”

[英]How to separate 'Implemented Conditional Validation Service/Function' in Angular-8 while using Reactive-Forms

我已經在我的組件中實現了條件驗證。我試圖將驗證邏輯從我的組件分離到另一個組件/服務。演示鏈接： http://StackBlitz%20https://stackblitz.com/edit/angular-amr86r ...

Angular 反應式表單組驗證僅適用於 Mat-table 中的任何一行

[英]Angular reactive forms form-group validations are working only for any one row in Mat-table

我有多行的墊表，帶有添加按鈕，點擊它，添加一個新行。我想為所有行添加驗證，現在我下面的代碼只對任何一行進行驗證。我的組件.html 我的 component.ts 文件 ...

當 updateOn 模糊時形成異步驗證，以訂閱 statusChanges 或 valueChanges

[英]form async validation when updateOn is blur, to subscribe statusChanges or valueChanges

我在我的 Angular7 應用程序中使用帶有updatOn: 'blur'表單異步驗證。閃電戰在這種情況下，我需要檢查名稱是否唯一（異步驗證）。問題是，把這段代碼放在哪里？當前方式我試過這個，在子組件中有效。但是我至少有 10 個屬性來進行表單驗證，這會為這個@Input ...