Angular 2 Form Validierung, MinLength Validator funktioniert nicht

Habe ich folgende Winkel 2 form:

<register>
    <form [ngFormModel] = "registrationForm">
        <div class = "form-group">
            <label class = "control-label" for="email">Email</label>
            <input class = "form-control" type="email" id="email" ngControl="email" #email="ngForm">
        </div>
        <div *ngIf = "email.touched && email.errors">
            <div *ngIf = "!email.errors.required && email.errors.underscoreNotFound" class = "alert alert-danger">
                <span>Underscore is required</span> 
            </div>
            <div *ngIf = "email.errors.required" class = "alert alert-danger">
                <span>Email is required</span>
            </div>
        </div>
        <div class = "form-group">
            <label class = "control-label" for="password">Password</label>
            <input class = "form-control" type="password" id="password" ngControl="password" #password="ngForm">
        </div>
        <div *ngIf = "password.touched && password.errors">
            <div *ngIf = "password.errors.minLength && !password.errors.required" class = "alert alert-danger">
                <span>Password should contain 6 characters</span>
            </div>  
            <div *ngIf = "password.errors.required" class = "alert alert-danger">
                <span>Password is required</span>
            </div>          
        </div>
    </form>
</register>

Dies ist meine Komponente, wo ich umgesetzt haben Prüfungen:

import {Component} from '@angular/core';
import {Control, ControlGroup, FormBuilder, Validators} from '@angular/common';
import {CustomValidator} from './CustomValidator';

@Component({
    selector: 'register',
    templateUrl: './app/authentication/register_validation/register.html',
})

export class RegisterComponent{
    registrationForm: ControlGroup;

    constructor(formBuilder:FormBuilder)
    {
        this.registrationForm = formBuilder.group({
            email: ['',Validators.compose([Validators.required, CustomValidator.underscore])], 
            password: ['',Validators.compose([Validators.required,Validators.minLength(6)])]
        });
    }

}

In dieser form email Feld ist in Ordnung, für beide Prüfungen, d.h. wenn ich nicht alles geben , es gibt "Email is required" Nachricht, wenn ich mit der Eingabe beginnen etwas, es gibt "Underscore is required" Nachricht und wenn ich "_" alle Fehlermeldungen verschwindet. Jedoch, wenn ich versuche, zu treffen, 2 Prüfungen auf password Feld, es funktioniert nicht. Wenn ich nicht geben Sie password ein, es gibt Nachricht als "Password is required". Aber wenn ich etwas weniger als 6 Zeichen, minLength Nachricht nicht angezeigt. Was ist falsch in diesem code?

Kommentar zu dem Problem - Öffnen
Kannst du bitte erstellen Sie eine plnkr.co mit Ihrem code Kommentarautor: Andrei Zhytkevich
Auch Sie sind mit niedrigeren version RC3. die veraltet ist. Versuchen Sie neue RC3 version Kommentarautor: Hardipsinh Jadeja
vielleicht finden Sie diese Antwort stackoverflow.com/a/38092249/5868331 Kommentarautor: mayur
@mayur ja. Ich habe Abhilfe durch das hinzufügen von benutzerdefinierten Klasse für minLength aber ich wollte original-validator. Anyways, danke 🙂 Kommentarautor: Nilakshi Naphade
Original validator bedeutet Standard-Winkel 2 ???? Kommentarautor: mayur

InformationsquelleAutor der Frage Nilakshi Naphade | 2016-06-27

Schreibe einen Kommentar