角度検証を使用して選択タグを検証する方法

Question

ユーザーがselectタグで値を選択しないときはいつでも、メッセージを追加したいと思います。 今まで、私は以下のように近づいてきた。ここで

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

メッセージは私がスパンで与えられたものを示したが、事はのonloadイベントです。表示していますが、公開ボタンをクリックして表示する必要があります。 ng-click関数呼び出しは、フォームが検証されるまで行われません。

Answer 1

を検証するための好みの例です：savePressed公開ボタンを押した後にtrueになり、単に変数である

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

。

あなたの答え のための作業コピーのためのplunker

Answer 2

あなたは単純にng-clickをクリックし、すべてのエラーメッセージタグに条件を提出したフォームを提出する必要があります。また、フォーカスアウトしてもエラーを表示したい場合は、もう1つの条件を満たす必要があります。

怒鳴るは、私は私のようなものを使用することになり、フォーム

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