如何使用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
},