：禁用选择器在 Jquery 中不起作用验证忽略子句 [重复]

Question

这个问题在这里已经有了答案：

Jquery 验证插件禁用属性错误(1 个回答)

11 分钟前关闭。

我在 HTML 页面上有多个 AJAX 填充下拉列表。 使用 JQuery Validate 验证表单。

我已将下拉列表设置为“禁用”，直到 AJAX 完成，此时禁用的属性被删除。

这些字段的内容是强制性的。 即使它们被禁用，我也想验证它们以防止用户提交仍在加载强制性 AJAX 数据的表单。

我的 HTML 是：

<form id="myform">
  <select name="foo" id="foo" disabled="disabled">
    <option value="">Please Select</option>
    <option value="1">Option1</option>
  </select>
  <br/>
  <select name="bar" id="bar">
    <option value="">Please Select</option>
    <option value="1">Option1</option>
  </select>
  <br/>
  <input type="submit"/>
</form>

我在 JQuery Validate 中使用以下忽略参数，如下面的评论中所建议：

$(document).ready(function() {
    $('#myform').validate({
    ignore:[],
        rules: {
            foo: {
                required: true
            },
            bar: {
                required: true
            }
        }
    });
});

Validate 脚本似乎仍然没有忽略该字段的禁用状态。 我究竟做错了什么？

http://jsfiddle.net/aekntmor/

我尝试将 class 添加到禁用的下拉列表中，然后像这样修改脚本。

<select name="foo" id="foo" class="validate-disabled" disabled="disabled">
    <option value="">Please Select</option>
    <option value="1">Option1</option>
 </select>

ignore: ':disabled:not(.validate-disabled)',

Answer 1

使用此插件无法完成。

我不确定验证禁用元素的方法是否是一个好主意或是否会带来良好的 UX（用户体验），并且禁用元素被开发人员明确排除在外。

查看jQuery Validate 插件 1.19.3 版本的源代码，可以看到任何禁用的元素都不会被考虑进行验证：

elements: function() {
    ...
    return $( this.currentForm )
    .find( ... )
    .not( "... :disabled" ) ....