如果我把一個錯誤的字段放到字段中（主播類型），我該怎麼辦？

我需要幫助，我有一個很長的表單。當客戶點擊提交時，想要顯示未填寫的字段。如果我把一個錯誤的字段放到字段中（主播類型），我該怎麼辦？

模板：

<div class="container" [formGroup]="ClientForm"> 
    <div class="form-group" [ngClass]="{'has-success':ClientForm.controls.input1.valid,'has-danger':!ClientForm.controls.input1.valid}"> 
    <label>Input 1</label> 
    <input type="text" class="form-control" placeholder="Input 1" readonly formControlName="input1"> 
    <small class="form-text text-muted" [hidden]="ClientForm.controls.input1.valid">This field is required!</small> 
    </div> 
    <hr> 
    <button type="submit" (click)="onSubmit(ClientForm)" class="btn btn-primary">Submit</button> Status: {{ClientForm.status}} 
    </div>

組件：

constructor(public fb: FormBuilder){} 

    ngOnInit() { 
    this.bluidForm(); 
    } 

    bluidForm(): void { 
    this.ClientForm = this.fb.group({ 
     input1 : new FormControl(null,Validators.required), 
     input2 : new FormControl(null,Validators.required), 
     input3 : new FormControl(null,Validators.required), 
     input4 : new FormControl(null,Validators.required), 
     input5 : new FormControl(null,Validators.required), 
     input6 : new FormControl(null,Validators.required), 
     input7 : new FormControl(null,Validators.required), 
     input8 : new FormControl(null,Validators.required), 
     input9 : new FormControl(null,Validators.required) 
    }) 
    } 
    onSubmit(dataRecibe){ 
    console.log(dataRecibe) 
    }

https://plnkr.co/edit/x5q7sVucARspL8bIITdQ?p=preview

你能幫助我嗎？

來源

2017-01-12 Guilherme Patriarca

簡單快速的解決方案，只需在您的字段添加required像這樣：

<input type="text" class="form-control" placeholder="Input 2" formControlName="input2" required>

該消息將在瀏覽器中顯示，從第一個空場首發。

這是您尋找的解決方案嗎？

您的Plunker

來源

2017-01-12 20:33:41 Alex

Ty的幫助。 –

如果我把一個錯誤的字段放到字段中（主播類型），我該怎麼辦？

回答

相關問題