如何使用角度驗證驗證選擇標籤

只要用戶沒有在選擇標籤中選擇任何值，我想添加一條消息。到現在爲止我已經如下走近：如何使用角度驗證驗證選擇標籤

<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函數調用不應該發生。

來源

2016-08-04 swathi anupuram

我會使用類似：

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

哪裏savePressed只是在按下發布按鈕後轉化成真正的變量。

工作副本見plunker

來源

2016-08-04 09:18:18 Alok

您好感謝您的回答但我需要得到當我點擊發布 –

我已經改變了回答該消息。現在是正確的。 – Alok

謝謝你，它爲我工作 –

你需要保持提交按鈕，而不是簡單的ng-點擊和每個錯誤消息標籤申請條件是表單提交或如果你想顯示錯誤，即使在焦點出來添加一個被觸摸的條件。

波紋管比如，我喜歡爲驗證表單

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

來源

2016-08-04 09:18:12

如何使用角度驗證驗證選擇標籤

回答

相關問題