Corrected necessary required help-block and missing save button en an…

…d disabling
spring-petclinic · Aug 25, 2024 · 7ef5ec6 · 7ef5ec6
1 parent 95b3685
commit 7ef5ec6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/pets/pet-add/pet-add.component.html b/src/app/pets/pet-add/pet-add.component.html
@@ -88,7 +88,7 @@ <h2>
           <div class="col-sm-offset-2 col-sm-10">
             <br/>
             <button class="btn btn-default" type="button" (click)="gotoOwnerDetail()">< Back</button>
-            <button class="btn btn-default" type="submit">Save Pet</button>
+            <button class="btn btn-default" type="submit"  [disabled]="!petForm.valid">Save Pet</button>
           </div>
         </div>
       </form>

diff --git a/src/app/vets/vet-edit/vet-edit.component.html b/src/app/vets/vet-edit/vet-edit.component.html
@@ -31,18 +31,18 @@ <h2>Edit Veterinarian</h2>
             <span class="help-block" *ngIf="firstNameCtrl.dirty && firstNameCtrl.hasError('maxlength')">First Name may be only 30 characters long</span>
             <span class="help-block" *ngIf="firstNameCtrl.dirty && firstNameCtrl.hasError('minlength')">First Name must be at least 1 characters long</span>
              <span class="help-block" *ngIf="firstNameCtrl.dirty && firstNameCtrl.hasError('pattern')">First Name may only consist of letters</span>
-            <span class="help-block" *ngIf="firstNameCtrl.dirty && firstNameCtrl.hasError('required')">First name is required</span>
+            <span class="help-block" *ngIf="firstNameCtrl.dirty && firstNameCtrl.hasError('required')">First Name is required</span>
           </div>
         </div>
         <div class="form-group has-feedback" [class.has-success]="lastNameCtrl.dirty && lastNameCtrl.valid" [class.has-error]="lastNameCtrl.dirty && !lastNameCtrl.valid">
           <label for="lastName" class="col-sm-2 control-label">Last Name</label>
           <div class="col-sm-10">
-            <input type="text" class="form-control" id="lastName" name="lastName" formControlName="lastName" minlength="1" maxlength="30" pattern="^[A-Za-z]*$"  required/>
+            <input type="text" class="form-control" id="lastName" name="lastName" minlength="1" maxlength="30" pattern="^[A-Za-z]*$"  required formControlName="lastName"/>
             <span class="glyphicon form-control-feedback" [class.glyphicon-ok]="lastNameCtrl.valid" [class.glyphicon-remove]="!lastNameCtrl.valid" aria-hidden="true"></span>
             <span class="help-block" *ngIf="lastNameCtrl.dirty && lastNameCtrl.hasError('maxlength')">Last Name may be only 30 characters long</span>
             <span class="help-block" *ngIf="lastNameCtrl.dirty && lastNameCtrl.hasError('minlength')">Last Name must be at least 1 characters long</span>
             <span class="help-block" *ngIf="lastNameCtrl.dirty && lastNameCtrl.hasError('pattern')">Last Name may only consist of letters</span>
-            <span class="help-block" *ngIf="lastNameCtrl.dirty && lastNameCtrl.hasError('required')">Last name is required</span>
+            <span class="help-block" *ngIf="lastNameCtrl.dirty && lastNameCtrl.hasError('required')">Last Name is required</span>
           </div>
         </div>
         <div class="control-group">