如何使用Jquery進行驗證選擇選項

Question

我有以下選擇選項。 數據動態地來自Web服務。

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

我想驗證何時未選擇任何值。 我有一個單獨的js文件，其中正在對文本框進行驗證。 但是在選擇選項的情況下不起作用。

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

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

Answer 1

如果您確實有一個沒有值的選項或空白，則可以使用select選項所必需的屬性-

<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應該為空白或默認值，或者請選擇一個類...等。

Answer 2

像這樣添加選項...

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