Javascript 具体化CSS-选择列表验证

当尝试将第三方jQuery验证库与Materialize一起使用时，我无法验证任何选择列表。我想知道是否有人能够或者知道如何让jQuery.validation与Materialize一起工作

<div class="row">
    <div class="input-field col s12 m6">
        @Html.DropDownListFor(model =>model.Gender,Models.StaticLists.GenderListItems(), new { @class = "validate[required]", required = "required", Name="Gender"})
        <label for="Gender">Gender:<em class="form-req">*</em></label>
    </div>
</div>

---

提交表单的结果是，所有其他必填且未填写的表单字段都将成功验证。“选择”列表不会发生任何情况，也不会显示任何错误。这段代码是我试图在表单上提供的功能的一个小示例。我现在不会有两个包含相同元素的列表。

默认情况下，jquery验证插件不会验证隐藏字段

在调用validate方法之前，请尝试添加此代码

$.validator.setDefaults({
       ignore: []
 });

---

默认情况下，jquery验证插件不会验证隐藏字段

在调用validate方法之前，请尝试添加此代码

$.validator.setDefaults({
       ignore: []
 });

---

使用Jquery

第一次检查字段是否有值

var x = $('#fieldId').val();

然后应用有效类来选择下拉类

if (x != '') {
   $('.select-dropdown').addClass("valid");
}

---

使用Jquery

第一次检查字段是否有值

var x = $('#fieldId').val();

然后应用有效类来选择下拉类

if (x != '') {
   $('.select-dropdown').addClass("valid");
}

---

由于原始select DOM已隐藏，因此未进行验证

$(document).ready(function() {
    $("select").material_select();

    // for HTML5 "required" attribute
    $("select[required]").css({position: "absolute", display: "inline", height: 0, padding: 0, width: 0});
});

---

由于原始select DOM已隐藏，因此未进行验证

$(document).ready(function() {
    $("select").material_select();

    // for HTML5 "required" attribute
    $("select[required]").css({position: "absolute", display: "inline", height: 0, padding: 0, width: 0});
});

---

请显示您的代码、到目前为止您尝试过的内容以及您收到的错误。选择的可能重复正确呈现我在使用jquery.validation库提交表单时无法对其使用验证。请显示您的代码、到目前为止您尝试过的内容，以及您收到的错误。选择的可能重复正确呈现我无法在使用jquery.validation库提交表单时对它们进行验证。