summaryrefslogtreecommitdiffstats
path: root/src/app/vnfs/userlogin-form/userlogin-form.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/vnfs/userlogin-form/userlogin-form.component.html')
-rw-r--r--src/app/vnfs/userlogin-form/userlogin-form.component.html6
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>