Winkel-Validierung Nachricht für die maxlength-Attribut
Ich habe einige Schwierigkeiten mit dem anzeigen von Fehlermeldungen für das maxlength-Attribut in Eckige.
Problem
Seit dem maxlength-Attribut nicht erlaubt mehr Zeichen als die angegebene Menge, ich habe Probleme beim anzeigen meiner Fehlermeldung. Gibt es eine Möglichkeit, zu der wiederum das default-Verhalten (dem Benutzer zu ermöglichen, geben Sie mehrere Zeichen), um zur Anzeige meine Fehlermeldung.
Code für die textarea
<textarea maxlength="10"
[(ngModel)]="title.value"
#title="ngModel"></textarea>
Code für Eckige Validierung
<div *ngIf="title.errors && (title.dirty || title.touched)"
class="alert alert-danger">
<div [hidden]="!title.errors.maxlength">
Only 10 characters allowed.
</div>
</div>
Wenn du mich willst, bieten weitere Informationen, bitte lassen Sie mich wissen.
was ist der Titel in
Titel referes der ngModel der textarea. Ich vergaß zu geben, dass Informationen.
Hast du 'novalidate' - Attribut im form-tag?
wenn Sie maxlength , Sie brauchen nicht, ein Fehlermeldung, da u r nicht erlaubt zu schreiben, mehr als 10 Zeichen , ich denken, Titel.Fehler nicht enthält jeden Fehler, auch wenn die Eingabe enthält mehr Zeichen als maxLength ist , kann u verwenden Reaktive Formen für die überprüfung der Formular-Steuerelement.
Der Titel.Fehler.maxlength funktioniert einwandfrei. Einige der Inhalte lade ich auf meine Bewerbung schon conatins mehr als 10 Zeichen. Wenn ich eins löschen, bekomme ich die Meldung. Das problem ist, dass das Attribut nicht lassen Sie mich geben Sie mehr. Ich möchte die Fehlermeldung, so dass der Benutzer versteht, warum Ihr nicht erlaubt zu geben über den angegebenen Grenzwert.
title.errors
? hast du irgendwo erklärt ?..Titel referes der ngModel der textarea. Ich vergaß zu geben, dass Informationen.
Hast du 'novalidate' - Attribut im form-tag?
wenn Sie maxlength , Sie brauchen nicht, ein Fehlermeldung, da u r nicht erlaubt zu schreiben, mehr als 10 Zeichen , ich denken, Titel.Fehler nicht enthält jeden Fehler, auch wenn die Eingabe enthält mehr Zeichen als maxLength ist , kann u verwenden Reaktive Formen für die überprüfung der Formular-Steuerelement.
Der Titel.Fehler.maxlength funktioniert einwandfrei. Einige der Inhalte lade ich auf meine Bewerbung schon conatins mehr als 10 Zeichen. Wenn ich eins löschen, bekomme ich die Meldung. Das problem ist, dass das Attribut nicht lassen Sie mich geben Sie mehr. Ich möchte die Fehlermeldung, so dass der Benutzer versteht, warum Ihr nicht erlaubt zu geben über den angegebenen Grenzwert.
InformationsquelleAutor Mathis Garberg | 2017-10-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie erreichen es, indem Sie die Bedingung direkt auf die Länge der Eingabe. Ein span-tag mit *ngIf kann ein - /ausblenden der Fehlermeldung:
HTML
Klasse:
...
...
DEMO
Schnell und einfach behoben werden. Liebe es.
Du hast absolut Recht. Dies sollte die akzeptierte Antwort.
InformationsquelleAutor Vega
können Sie arbeiten mit Reaktiven Formen zu validieren richtig Ihre form,
hier ist ein einfaches Beispiel für die Verwendung von reaktiven Formen :
hoffe, es hilft u 🙂
InformationsquelleAutor Mohamed Ali RACHID