2016-05-12 82 views
0

我使用angular-messages.min.js進行驗證。Angularjs - 字段必填如果條件

我的下一個Web表單:

<form role="form" name="form"> 
    <div class="col-md-12"> 
     <div class="form-group col-xs-4 col-md-4"> 
       <label class="control-label">Field1</label> 
       <select class="form-control" name="field1" ng-model="field1" ng-options="item for item in device" ng-change="deviceChange();"></select> 
     </div> 
     <div class="form-group col-xs-2 col-md-2"> 
       <label class="control-label">Field2</label> 
       <select class="form-control" name="field2" ng-model="field2" ng-options="item for item in use"></select> 
     </div> 
     <div class="form-group col-xs-6 col-md-6" ng-class="{ 'has-error': form.field1.$invalid && form.field2.$invalid }"> 
       <label class="control-label">Field3</label> 
       <input type="text" class="form-control" name="field3" ng-model="field3" /> 
       <div class="help-block" ng-messages="form.field3.$error" ng-if="form.field3.$touched"> 
        <p ng-message="required">Your field3 is required</p> 
       </div> 
     </div> 
    </div> 
</form> 

的字段,字段1,字段2和字段3不是強制性的,但如果FIELD1和FIELD2有內容,該場3是強制性的。

如何在字段3中顯示驗證消息?謝謝,

回答

2

這應有助於:

<input type="text" class="form-control" name="field3" ng-required="field1 && field2" ng-model="field3" /> 
+0

完美,謝謝:) – Eladerezador