Index: /branches/rel_avx_2_7_6/src/webui/webui/htdocs/new/src/client/app/modules/va/va-add.html
===================================================================
--- /branches/rel_avx_2_7_6/src/webui/webui/htdocs/new/src/client/app/modules/va/va-add.html	(revision 9217)
+++ /branches/rel_avx_2_7_6/src/webui/webui/htdocs/new/src/client/app/modules/va/va-add.html	(working copy)
@@ -8,13 +8,14 @@
             <div class="form-group">
                 <label class="col-md-3 control-label">{{'VA Name'|T}}</label>
                 <div class="col-md-8">
-                    <input ng-verify type="text" class="form-control" ng-model="vaAdd.va_name" minlength="1" maxlength="12" name="instanceName">
+                    <input ng-verify type="text" class="form-control" ng-model="vaAdd.va_name" name="instanceName" ng-maxlength="12" required>
+                    <p class="help-block" style="font-size:12px;color:red;" ng-show="addVAInstanceForm.instanceName.$error.maxlength">{{'VA Name cannot exceed 12 characters'|T}}</p>
                 </div>
             </div>
             <div class="form-group">
                 <label class="col-md-3 control-label">{{'Image'|T}}</label>
                 <div class="col-md-8">
-                    <select ng-verify class="form-control" ng-model="vaAdd.va_image" name="instanceImage" ng-disabled="vaAdd.imageSpecified">
+                    <select ng-verify class="form-control" ng-model="vaAdd.va_image" name="instanceImage" ng-disabled="vaAdd.imageSpecified" required>
                         <option value="">{{'---Please Select---'|T}}</option>
                         <option ng-repeat="row in vaAdd.images | unique:'image_name'" value="{{row.image_name}}" ng-attr-title="{{'Image Name'|T}}:{{row.image_name}}
                                 {{'Product Name'|T}}:{{row.product_name}}
@@ -32,7 +33,7 @@
             <div class="form-group">
                 <label class="col-md-3 control-label">{{'VA Size'|T}}</label>
                 <div class="col-md-8">
-                    <select ng-verify class="form-control" ng-model="vaAdd.va_size" name="instanceSize">
+                    <select ng-verify class="form-control" ng-model="vaAdd.va_size" name="instanceSize" required>
                         <option value="">{{'---Please Select---'|T}}</option>
                         <option value="{{row.toLowerCase()}}" ng-repeat="row in vaAdd.support_size">{{row}}</option>
                     </select>
@@ -41,7 +42,7 @@
             <div class="form-group">
                 <label class="col-md-3 control-label">{{'Domain'|T}} ID</label>
                 <div class="col-md-8">
-                    <select ng-verify class="form-control" ng-model="vaAdd.va_domain" name="instanceDomain" ng-disabled="vaAdd.vaDomainDisbale">
+                    <select ng-verify class="form-control" ng-model="vaAdd.va_domain" name="instanceDomain" ng-disabled="vaAdd.vaDomainDisbale" required>
                         <option value="">{{'---Please Select---'|T}}</option>
                         <option value="{{row}}" ng-repeat="row in vaAdd.domainList">{{row}}</option>
                     </select>
@@ -51,7 +52,7 @@
     </div>
     <div class="modal-footer">
         <button ng-if="vaAdd.showPrevious" type="button" class="btn btn-default" ng-click="vaAdd.modalClose()">{{'Previous'|T}}</button>
-        <button type="submit" class="btn btn-primary" ng-verify="control:'addVAInstanceForm'" ng-click="vaAdd.checkAndJump()">{{'Next'|T}}</button>
+        <button type="submit" class="btn btn-primary" ng-disabled="addVAInstanceForm.$invalid" ng-click="vaAdd.checkAndJump()">{{'Next'|T}}</button>
     </div>
 </div>