Вопросы, помеченные тегом «angular2-form-validation»

avatar
AmbroseChapel
9 августа 2021 в 04:13
181
0

Поле Angular теряет фокус на проверке при замене блоком ngTemplate

Код выглядит примерно так: <div class="inline-field invalid" *ngIf="customerForm.get('customerAddress').errors; else customerAddressValidBlock"> <input class="form-input field invalid-field" name="customerAddress" type="customerAddress" ...
avatar
Gerrit
6 июля 2021 в 23:12
145
1

Angular 2+ Пользовательская проверка формы нарушает методы формы

У меня есть форма: public buildUserForm(user: User = null): void { this.selectedUserForm = this.fb.group({ id: 0, isActive: [true], isSuperUser: [null], firstName: ['', Validators.required], lastName: ['', Validators.required], ...
avatar
amrmbso01
15 апреля 2021 в 06:00
192
0

NG0301: Экспорт имени «ngModel» не найден

в приведенном ниже коде я хотел выполнить проверку реактивной формы. поэтому я сослался на некоторые вопросы и учебник, например, этот: https://jasonwatmore.com/post/2018/05/10/angular-6-reactive-forms-validation-example несмотря на то, что я правильно выполнил шаги,...
avatar
Torben G
12 апреля 2021 в 14:54
296
3

Угловая проверка формы - hasError min не работает

Я хочу показать ошибку, если значение равно 0, но это не работает. HTML: <mat-form-field> <input matInput type="number" placeholder="{{ 'device.new.windowHeight' | translate }}" [(ngModel)]="currentDevice.windowHeight" formControlName="windowHeight">...
avatar
SK.
9 марта 2021 в 16:47
654
1

Угловая проверка формы - ошибка отображения в другой строке/деле

Текущее сообщение об ошибке отображается сразу под текстовым полем. Но я хочу отобразить его во всей строке ниже до метки и текстового поля Я попытался переместить элемент div, как показано ниже, но это не сработало. Я вижу, что css для invalid-feedback по-прежнему...
avatar
user3659739
6 января 2021 в 11:04
3349
2

Группа Angular FormBuilder устарела [дубликат]

Я видел, что есть тема, похожая на мою, но на самом деле она не решает мою проблему, потому что мы по-разному справляемся с ошибками. Группа FormBuilder устарела Во-первых, я только что перешел на Angular 11, и теперь у меня есть эта проблема: group is deprecated: This...
avatar
edjm
23 декабря 2020 в 17:22
619
1

Когда и где вызывать updateValueAndValidity?

Я не совсем понимаю, когда и где именно я должен вызывать updateValueAndValidity. Допустим, у меня есть formGroup со многими formControls. Теперь, на основе выбора некоторых радио-опций, срабатывает событие для изменения «валидаторов» для нескольких formControls. В1....
avatar
Andresch Serj
2 декабря 2020 в 10:33
1637
1

асинхронный валидатор (AsyncValidatorFn) никогда не подписывается

Я написал собственный валидатор форм, но в errors он просто имеет "_isScalar": false, "source": { "_isScalar": false, "source": { "_isScalar": false, "source": {"_isScalar": false}, "operator": {}}, "operator": {"total": 1} и форма никогда не является...
avatar
Kr1
5 ноября 2020 в 13:39
347
1

Как инициировать проверку формы (только) при отправке формы?

Я создал динамическую форму, в которой вы можете добавлять или удалять поля с помощью специальных кнопок: Проблема в том, что когда мы добавляем новое поле, сразу же запускается проверка формы, что приводит к отображению сообщений об ошибках: Я хотел бы активировать...
avatar
user1186050
21 сентября 2020 в 21:12
189
1

Как добавить проверку формы из списка элементов в Angular

У меня есть реактивная форма с проверкой, и я пытаюсь выяснить, как добавить дополнительную проверку в список элементов. бывший. Я хочу, чтобы по крайней мере один элемент был проверен на предмет правильности формы в дополнение к другим обязательным полям. Вот элементы...
avatar
J4N
9 сентября 2020 в 17:33
3000
1

Angular Reactive Forms: как отобразить ошибку + красную рамку?

Я начинаю использовать Angular Reactive Forms. Мне очень нравится идея иметь асинхронный валидатор (для вещей, которые должны проверять что-то в базе данных), и мне нравится идея, что графический интерфейс не должен знать каждое правило. Итак, у меня есть фиктивная...
avatar
melochiasdf
17 августа 2020 в 17:36
64
0

Как правильно настроить проверку формы на основе шаблона Angular2 для min/max?

Я пытаюсь реализовать новый компонент Angular с проверкой формы на основе шаблона. Я следил за документацией здесь, но не могу воспроизвести результаты. В частности, div, показывающий ошибку, просто не появляется, когда ввод недействителен. Вот исходный код...
avatar
Jon Sud
29 июля 2020 в 09:17
95
2

Angular много раз вызывает функцию проверки

У меня угловатая форма. Когда я открываю приложение, в консоли отображается журнал in fooValidation четыре раза, без меня ничего не происходит. in fooValidation in fooValidation in fooValidation in fooValidation Почему? Это по дизайну? как заставить его выполняться...
avatar
user13410927
14 июля 2020 в 11:44
626
1

Проверка поля формы не работает Angular 8

Я проверяю поле формы, которое создается динамически. В основном у меня есть три проверки: 1. Value inputted should be between 0-10 2. Only numbers should be allowed 3. As the value is added greater than 10 it changes automatically to 10 but I want to show a message...
avatar
szelelaci
30 апреля 2020 в 10:46
554
1

Как настроить валидацию FormArray

Я создаю реактивную форму с FormArray, внутри которой находятся FormGroups. Каждая FormGroup имеет 3 элемента управления, два из которых являются раскрывающимися. Я хотел бы запретить пользователю выбирать один и тот же вариант несколько раз в одном из раскрывающихся...
avatar
acincognito
1 апреля 2020 в 09:59
45
0

Пользовательский компонент формы с ControlValueAccessor/Validator имеет асинхронное обновление элемента управления внутри проверки.

В моем приложении angular я создал компонент, который служит пользовательским FormControl и реализует ControlValueAccessor и Validator. Этот компонент используется внутри FormGroup и к нему прикреплен валидатор (например, его значение должно содержать не менее 10...
avatar
JAGADEESH
9 марта 2020 в 13:12
222
0

Как я могу добавить html-код в поле ввода из пользовательской директивы в angular

я пытаюсь показать ошибки для полей в угловых формах: я могу получить сообщение об ошибке, когда мы вносим изменения в поле формы и печатаем его в консоли, но я не могу добавить это в html: app.component.html: <div class="form-group"> <div...
avatar
Madhur Maurya
8 марта 2020 в 09:47
6404
1

Угловая реактивная проверка формы: не разрешайте число меньше существующего числа

У меня есть числовое поле ввода в реактивной форме Angular. <input id="referenceNumber" type="number" formControlName="referenceNumber" /> <div *ngIf="form.referenceNumber.invalid && (form.referenceNumber.dirty || form.referenceNumber.touched)"> ...
avatar
Ranjith Varatharajan
3 марта 2020 в 06:13
584
2

Динамическая проверка на основе условий

Сценарий: У меня есть 4 поля формы. Описание (необязательно) Выберите тип (обязательно) Телефон (требуется, только если для параметра "Выбрать тип" установлено значение "Телефон") Электронная почта (обязательно, только если для параметра «Выбор типа» установлено...
avatar
SatAj
4 февраля 2020 в 04:39
3636
1

Проверка формы с помощью ngModel и ngModel Option в angular 8

Я использую angular 8 с formGroup и formController для проверки, которая отлично работает как с реактивной формой, так и с формой, управляемой шаблоном. Однако я пытался использовать «ngModel» в angular 8 с атрибутами «ngModelOptions» (это динамически генерируемые...