Walidacja pojedynczego pola - Angular

Walidacja pojedynczego pola - Angular
Mateuszto
  • Rejestracja:prawie 7 lat
  • Ostatnio:5 miesięcy
  • Lokalizacja:Poznań
  • Postów:163
0

Siema, napotkałem na problem podczas walidacji formularza w angularze, mianowicie po wysłaniu formularz wyrzuca wszystkie walidatory, jakieś pomysły jak to ominąć?
Link: https://github.com/Mateuszto/cars/tree/master/src/app/components/sell-car

Dziękuje za pomoc!

xraxon
  • Rejestracja:prawie 4 lata
  • Ostatnio:około rok
  • Lokalizacja:Kraków
  • Postów:13
1

Jeśli po wysłaniu Form masz błędy to możesz dodac do sellCar() zmienna np: this.submitted = true; i domyślnie zdefiniować ja na false.
a w html w samym form ```

Kopiuj
 <div *ngIf="brand.invalid && brand.touched" class="alert alert-danger mt-2" role="alert">
      <span *ngIf="brand.errors?.required">Field required</span>
      <span *ngIf="brand.errors?.minlength">Brand name is too short</span>
    </div>

i zamienić na

Kopiuj
*ngIf="brand.invalid && brand.touched && !submitted " 

Wtedy błędy będą wyświetlane tylko gdy form nie został wysłany

edytowany 1x, ostatnio: xraxon

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.