如何使用 Jquery 进行验证选择选项答案

【问题标题】：How to do validation select option using Jquery如何使用 Jquery 进行验证选择选项
【发布时间】：2017-10-08 13:54:35
【问题描述】：

我有以下选择选项。数据动态来自网络服务。

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

【问题讨论】：

为什么不使用角度验证？
正在使用引导表单向导...

标签： javascript jquery html angularjs validation

【解决方案1】：

如果您确实有一个没有值或空白的选项，则可以使用选择选项所需的属性 -

<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 应为空白或默认值，或者请选择一个类...等。

【讨论】：

不工作......因为我在第一步使用表单向导我没有提交......我有三个步骤......
点击下一步按钮运行验证功能。

【解决方案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
},

【讨论】：