2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic

Hirdetés

100 000 érv a ReGalaxy mellett: Vásárolj Galaxy Z Fold7 I Z Flip7 vagy Galaxy S25 szériás készüléket, és régi mobilod felújítását 100 000 Ft-ig mi álljuk!
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Mobilarena

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #7764 petyus_ senior tag bandi0000 #7762
    Új Válasz #7764
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    petyus_

    senior tag

    válasz bandi0000 #7762 üzenetére

    Kipróbáltam most a te validátorodat, és nekem jól működik.

    Így néz ki a html:
    <mat-form-field class="w-100">
      <mat-label>Name</mat-label>
      <input type="text" id="name" formControlName="name" matInput placeholder="Enter category name" />
      <mat-error *ngIf="name.hasError('required')">Name is required.</mat-error>
      <mat-error *ngIf="name.hasError('minlength')">Name must be at least 3 characters.</mat-error>
      <mat-error *ngIf="name.hasError('containUpperCase')">Must conatin uppercase</mat-error>
    </mat-form-field>

    És a ts-ben annyit csináltam, hogy beleraktam a te functionödet, meg hozzáadtam a formcontrolhoz:
    name: new FormControl('', [Validators.required, Validators.minLength(3), this.containUpperCase]),

    Így üresen, és 3 karakter alatt csak a minlength hibát írja, containUpperCase-t meg utána (átneveztem containDigit-ről :) ).

    A name az egy sima getter, vissza adja a 'this.form.control.name'-et, így átláthatódd a html.

Új hozzászólás Aktív témák