Wie kann ich das ausgewählte Tag mit Winkelvalidierungen validieren?

Question

Ich möchte eine Nachricht hinzufügen, wenn der Benutzer keinen Wert im Select-Tag auswählt. Bis jetzt habe ich, wie unten genähert:

<form name="jdForm"> 
     <div class="form-group col-sm-6 require"> 
           <label class="form-control-label">Jd Name</label> 
           <select class="form-control" name="jdname" ng-model="oData.jdDetails.jdName" required> 
            <option>select</option> 
            <option ng-repeat="jd in jdNames">{{jd}}</option> 
           </select> 
           <span ng-show="jdForm.jdname.$untouched ">Please select jd name</span> 
          </div> 
<button ng-click="fnSave()">Publish</button> 
</form> 

Hier wird die Nachricht gezeigt, was ich in Spanne gegeben haben, aber die Sache ist onload Ereignis. Es zeigt, aber ich muss es nach dem Klicken auf Publizieren zeigen. Der ng-click-Funktionsaufruf sollte erst erfolgen, wenn das Formular validiert wurde.

Answer 1

ich so etwas wie verwenden würde:

savePressed && (jdForm.jdname.$untouched ||jdForm.jdname.$invalid) 

Wo savePressed ist nur eine Variable, die auf true schaltet sich nach dem Drücken der Taste veröffentlichen.

Siehe plunker für eine Arbeitskopie

Answer 2

Sie müssen eingereicht Schaltfläche statt einfach ng-klicken und auf jeder Fehlermeldung Tag gelten Bedingung des Formulars eingereicht, oder wenn Sie Fehler sogar auf den Fokus zeigen möchten, fügen Sie eine weitere Bedingung berührt wird.

unten ist Beispiel i für

Form Validierung bevorzugen

<span ng-messages="signupForm.password.$error" ng-if='signupForm.$submitted || signupForm.password.$touched'> 
     <span ng-message="required" class="help-block">Please Enter password</span> 
    </span>