Вопросы по теме 'angular-validation'
Angular2 — проверка FormControl при размытии
Я собираюсь добавить базовую проверку электронной почты, чтобы убедиться, что пользователь ввел правильный адрес электронной почты. В настоящее время используется метод, описанный ниже, проверка обновляется по мере ввода пользователем, что выглядит...
83282 просмотров
schedule
22.04.2024
Формы Angular2: проверки, ngControl, ngModel и т. д.
Работаю над бета-версией angular2 Forms . после долгих поисков ничего полезного не нашел. надеюсь, здесь кто-нибудь поможет мне.
В основном я немного запутался, как правильно использовать формы в angular2 (например, используя ngControl,...
36393 просмотров
schedule
23.03.2023
Как я могу ссылаться на элемент управления, добавленный в ngFor?
Я добавляю несколько входных данных, используя ngFor в форме, управляемой шаблоном, и я хотел бы добавить соответствующие сообщения об ошибках, когда входные данные недействительны. Обычно, если бы я не использовал ngFor, я бы использовал...
4177 просмотров
schedule
18.11.2022
Асинхронный валидатор не работает с формами, управляемыми шаблонами, в Angular
Я создал асинхронный валидатор для моей формы, управляемой шаблоном.
import {Directive, forwardRef} from "@angular/core";
import {NG_ASYNC_VALIDATORS, Validator, AbstractControl, AsyncValidator} from "@angular/forms";
import {Observable} from...
2413 просмотров
schedule
13.04.2024
FormGroup получает значение поля: TypeError: невозможно прочитать свойство «получить» неопределенного
Я пытаюсь проверить поле "passwordConfirm", но получаю странную ошибку: ERROR TypeError: Cannot read property 'get' of undefined вот мой код:
loginForm: FormGroup;
ngOnInit(){
this.loginForm = new FormGroup({
'email': new...
11501 просмотров
schedule
03.12.2022
несколько настраиваемых валидаторов в реактивной форме angular 2
У меня есть два пользовательских validator в reactive form , я вызываю функцию ниже, чтобы создать форму в конструкторе компонентов:
private createForm(): void {
this.passwordUpdateForm = this.formBuilder.group({
newpassword : [null,...
11370 просмотров
schedule
16.02.2022
Форма Angular 4, отключенное поле всегда действительно
Может показаться странной формой, но я упростил ее ради вопроса здесь, и это не моя настоящая форма. Но здесь происходит тот же сценарий.
<form (ngSubmit)="submit(form)" #form="ngForm">
<div>
Full name:
<input...
5610 просмотров
schedule
26.08.2023
Используйте google-libphonenumber в угловом валидаторе реактивных форм
Это базовый вариант использования этой библиотеки. Мне нужно проверить номер, если он действителен. Я использую угловые реактивные формы пользовательские валидаторы . Валидатор находится в файле: validators/phone-number.validator.ts Первый шаг...
7044 просмотров
schedule
04.08.2022
FormControl не обновляется при вводе ввода
У меня есть форма, которая использует пользовательский компонент в качестве ввода, который получает ControlName. Когда я что-то ввожу в компонент, он не обновляет свойство «ошибки».
приложение-pf-input-text.ts:
import { Component, OnInit,...
5588 просмотров
schedule
24.06.2022
Проверка формы не работает на Microsoft Edge, ввод файла всегда недействителен
Я использовал проверки реактивной формы для angular 6, проверки формы отлично работают на chrome и fire-fox, но когда я попробовал это на краю и после отладки, я обнаружил, что файл типа ввода всегда имеет в нем класс ng-invalid.
Я не могу найти...
1681 просмотров
schedule
01.11.2023
Директива пользовательского фокуса Angular. Сфокусировать первый недопустимый ввод формы
Я создал директиву, чтобы сфокусировать ввод, если он недействителен
import { Directive, Input, Renderer2, ElementRef, OnChanges } from '@angular/core';
@Directive({
// tslint:disable-next-line:directive-selector
selector: '[focusOnError]'...
2076 просмотров
schedule
12.06.2022
Есть ли способ проверить текущий пароль в angular с реактивной формой с помощью настраиваемого валидатора
Я создал форму смены пароля с четырьмя полями, включая «текущий пароль», «новый пароль», «подтверждение пароля» и скрытое поле «флаг пароля». Проверка нового пароля и подтверждение пароля работают нормально (с этим проблем нет). Текущий пароль...
685 просмотров
schedule
03.05.2022
Почему привязка не работает должным образом при использовании обязательного атрибута?
У меня есть следующий HTML-код в компоненте Angular, который вызывается для отображения сведений о записи:
<div class="form-group">
<label for="date1">Date 1 *</label>
<div class="input-group">
<input...
79 просмотров
schedule
12.03.2022
Как сделать и показать ошибки проверки сервера в угловой форме
Я новичок в angular. Я что-то пробовал и застрял. В моей форме я хочу показать ответ проверки сервера как ошибку, исходящую от api отдыха laravel. Но не знаю, как сохранить и показать в шаблоне. Я могу записать его в консоль, но не могу продолжить...
10053 просмотров
schedule
22.11.2023
Сравните значения двух полей ввода, чтобы проверить форму в Angular 7 через шаблон.
Я нахожусь в первые недели перехода на Angular 7, я делаю базовые формы в своем проекте, используя базовые проверки на основе шаблонов, но мне нужно проверить форму сейчас, основываясь на том, что значение одного поля должно быть выше, чем значение...
4178 просмотров
schedule
24.12.2022
Метод вызова автоматически после проверки асинхронной формы angular 8
Можно ли вообще вызвать метод автоматически, например, checkValidity(), чтобы установить { 'invalid': false/true } после проверки асинхронной формы (т.е. у меня есть this.uniqueNameValidator.bind( это)) асинхронный вызов)
Проверено...
1771 просмотров
schedule
28.12.2022
Создайте настраиваемый валидатор для проверки нескольких полей формы
У меня есть следующая настройка формы:
this.form = new FormGroup({
...
year: new FormControl("", validateDateMethod(year, month, day)),
month: new FormControl("", validateDateMethod(year, month, day)),
day: new FormControl("",...
348 просмотров
schedule
06.06.2024
Как выполнить минимальную и максимальную проверку в угловых реактивных формах?
У меня такой код:
constructor() {
this.feedbackForm = new FormGroup({
suggestedAScore: new FormControl('', [Validators.pattern(/^[0-9]+$/),Validators.required, Validators.maxLength(5), Validators.minLength(5)]),
minScore: new...
2216 просмотров
schedule
06.02.2022
Angular Form точная проверка шаблона 10 буквенно-цифровых букв
У меня есть следующая проблема с этим конкретным вариантом использования проверки поля реактивной формы.
На данный момент я установил только это правило:
this.projectForm = this.fb.group({...
5159 просмотров
schedule
26.05.2024