Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.07.2017, 16:47
Аспирант
Отправить личное сообщение для shoopik Посмотреть профиль Найти все сообщения от shoopik
 
Регистрация: 02.07.2017
Сообщений: 61

angular 2 валидация
Привет, разбираюсь с валидацией, столкнулся с проблемой, используя встроенный емайл-валидатор в форме(formGroup) - он не работает.

<form  [formGroup]="myForm" (ngSubmit)="onSubmit(f.value)" >
    <input type="username" class="username" placeholder="NAME" name="username" [formControl]="myForm.get('username')" [(ngModel)]="username" >
    <input type="username" class="username surname" placeholder="SURNAME"  name="surname" [formControl]="myForm.get('surname')" [(ngModel)]="surname"><br>
   

 <input type="email" class="mail" email name="emailField"  [(ngModel)]="email" #emailField="ngModel">
        <div  class="emailinvalid" *ngIf="emailField.invalid && emailField.touched">
          <span  *ngIf="emailField.hasError('email')">
            Please enter the correct email, this email not valid.
          </span>
        </div>
         

 <br>
    <textarea name="mesasge" class=" comment" placeholder="MESSAGE" cols="60" rows="8" name="comment" [formControl]="myForm.get('message')" [(ngModel)]="message"></textarea><br>
    <button type="submit" class="sendbutton" [disabled]="!myForm.valid">SEND</button>
  </form>



А здесь тс-код:
export class ContactComponent  {

 	
	myForm: FormGroup;
	email: string;
	username: string;
	surname: string;
	message: string;

constructor(fb: FormBuilder) {
    this.myForm = fb.group({
      'username':  ['', Validators.required],
      'surname': ['', Validators.required],
      'message': ['', Validators.required],
      
    });
  }

  onSubmit(value: string): void {
    console.log('you submitted value: ', value);
  }
}
Ответить с цитированием
  #2 (permalink)  
Старый 20.07.2017, 17:07
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 867

shoopik,
Что за каша из шаблонной и реактивной формы? Желательно использовать что-то одно (советую использовать реактивные формы).
https://plnkr.co/edit/ikfA4MzqvNVwTOFR0wTw?p=preview
Ответить с цитированием
  #3 (permalink)  
Старый 20.07.2017, 19:02
Аспирант
Отправить личное сообщение для shoopik Посмотреть профиль Найти все сообщения от shoopik
 
Регистрация: 02.07.2017
Сообщений: 61

Сообщение от destus Посмотреть сообщение
shoopik,
Что за каша из шаблонной и реактивной формы? Желательно использовать что-то одно (советую использовать реактивные формы).
https://plnkr.co/edit/ikfA4MzqvNVwTOFR0wTw?p=preview
Каша потому что я не бум бум
Спасибо ))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема c расширением (За решение проблемы готов платить) Chrome на angular и ajax hylum Angular.js 0 13.01.2017 13:40
Ищу Senior Frontend (React, Angular), Москва, 140 - 180 000 gross, full time офис. Ekaterina Polyakova Работа 0 11.08.2016 19:07
Angular task workflow mardoksp Angular.js 0 15.02.2016 20:34
Валидация: unobtrusive и обычная валидация. Как скрестить? dux1 Элементы интерфейса 2 27.07.2015 08:31
Angular и динамический контент Diem Angular.js 1 26.07.2013 17:57