2016-05-12 10 views
0

Ich verwende angular-messages.min.js für die Validierungen.Angularjs - Feld obligatorisch, wenn Bedingung

Ich habe das nächste Web-Formular:

<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> 

Die Felder, Field1, Feld2 und field3 ist nicht obligatorisch, aber wenn der Feld1 und Feld2 Inhalt hat, ist die field3 obligatorisch.

Wie konnte die Validierungsnachricht in Feld3 angezeigt werden? Dank,

Antwort

2

Dies sollte helfen:

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

Perfect, danke :) – Eladerezador