diff options
Diffstat (limited to 'src/app/vnfs/userlogin-form/userlogin-form.component.html')
| -rw-r--r-- | src/app/vnfs/userlogin-form/userlogin-form.component.html | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/app/vnfs/userlogin-form/userlogin-form.component.html b/src/app/vnfs/userlogin-form/userlogin-form.component.html index af58842..605cb45 100644 --- a/src/app/vnfs/userlogin-form/userlogin-form.component.html +++ b/src/app/vnfs/userlogin-form/userlogin-form.component.html @@ -30,10 +30,12 @@ ECOMP is a trademark and service mark of AT&T Intellectual Property. <form #userForm="ngForm" (ngSubmit)="getData()"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <input placeholder="Enter user Id" class="mdl-textfield__input" id="userId" required - [(ngModel)]="userId" name="userId" value="" #user="ngModel"> + [(ngModel)]="userId" name="userId" value="" #user="ngModel" (ngModelChange)="validateUserName()"> + <span class="error-message">{{errorMessage}}</span> </div> + <div class="form-group text-right"> - <button type="submit" [disabled]="!userForm.form.valid" + <button type="submit" [disabled]="invalid" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary"> Submit </button> |