2016-05-12 8 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は必須ではありませんが、フィールド1とフィールド2がコンテンツを持っている場合、フィールド3は必須です。

フィールド3に検証メッセージを表示するにはどうすればよいですか?おかげで、これは役立つはず

答えて

2

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

パーフェクト、ありがとう:) – Eladerezador

関連する問題