2017-05-10 44 views
0

我有以下選擇選項。數據正在從Web服務動態傳遞。如何做驗證使用jquery選擇選項

<select ng-model="sub_class_name" name="sub_class_name" class="form-control">                 
<option ng-repeat="x in myData" value="{{x}}">{{x.sub_class_name}}</option> 
</select> 

enter image description here

我想選擇任何值時,以驗證。我有一個單獨的js文件,其中我正在驗證文本框。但沒有選擇的情況下工作..

我一直在做這樣的驗證。但如何做選擇選項。?

rules: { 
    FirstName: { 
     required: !0 
    }, 
    sub_class_name: { 
     required: !0 // Not working 
    } 
}, 
+1

爲什麼不使用角度驗證? –

+0

我正在使用引導窗體嚮導... –

回答

0

您可以使用選擇選項必需的屬性,如果你有沒有價值或空白選項裏 -

<select ng-model="sub_class_name" name="sub_class_name" class="form-control" required>             
     <option ng-repeat="x in myData" value="{{x}}">{{x.sub_class_name}}</option> 
</select> 

或:

rules: { 
    sub_class_name: { valueNotEquals: "default" } 
    }, 
    messages: { 
    SelectName: { valueNotEquals: "Please select a class!" } 
    } 

凡valueNotEquals應該是空白或默認或請選擇一個類...等。

+0

不工作......由於我在第一步使用表單嚮導,我必須提交...我有三個步驟... –

+0

單擊下一個按鈕時運行驗證功能。 –

+0

我解決了這個問題.. –

0

添加這樣的選項...

<select ng-model="classname" name="classname" class="form-control" ng-options="t as t.class_name for t in MemberClass"> 
<option value="">Select</option> 
</select> 

在你的JQuery做檢驗一般..

classname: { 
required: !0 
}, 
sub_class_name: { 
required: !0 
},