防止使用 jQuery.validate() 验证隐藏/禁用的字段 [关闭]

Question

我的 MVC4 应用程序中有 3 个字段（fieldA、fieldB、fieldC），我根据 fieldA 的值显示/隐藏 fieldB 和 fieldC。尽管显示/隐藏这些字段没有问题，但我无法阻止 fieldB 和 fieldC 在隐藏或禁用时被验证。我尝试了 3-4 种不同的方法，即在 showHideFields() 方法中使用禁用的隐藏属性，在 jQuery("#...").validate 方法中使用“ignore”属性。但是它们都没有正常工作。您能否提供这样一种解决方案来做到这一点？

剃须刀：

function showHideFields() {
    var $index = $('#fieldA').val();
    if ($index == '1') {           
        $('#fieldB').show(); 
        $('#fieldC').show(); 
    }
    else {
        $('#fieldB').hide(); 
        $('#fieldC').hide(); 
    }
}


jQuery(function () {

    jQuery("#fieldA").validate({
        expression: "if (VAL) {return true;} else {return false;}", 
        message: "Please fill in this field"
    });

    jQuery("#fieldB").validate({
        expression: "if (VAL) {return true;} else {return false;}",
        message: "Please fill in this field"
    });

    jQuery("#fieldC").validate({
        expression: "if (VAL) {return true;} else {return false;}",
        message: "Please fill in this field"
    });
    ...
}

Answer 1

您的代码有问题：

jQuery("#fieldC").validate({
    expression: "if (VAL) {return true;} else {return false;}",
    message: "Please fill in this field"
});

1) .validate() 方法（来自 jQuery Validate 插件）不能附加到字段 id。它只能附加到整个表单。

2) expression: 应该是什么？ There is no such option for this plugin 和 VAL 未在您显示的任何地方定义。

---

就您的问题而言，从 1.9 版开始，hidden fields are ignored by default using this plugin。没有特殊的设置或选项；隐藏字段将被忽略。

请注意，在此演示中，field2 包含 style="display:none"，尽管声明了 required 规则，但它并未经过验证...

演示：http://jsfiddle.net/eWe9a/

---

编辑：

正如下面 OP 的 cmets 最终揭示的那样：

“我遵循了该页面上的示例 geektantra.com/2009/09/jquery-live-form-validation，根据该页面，我遵循的所有内容都是正确的。”

当您用jquery-validate 标记问​​题并说您正在使用jQuery.validate() 时，您不使用the jQuery Validation plugin。

解决方案是包含您所询问的正确插件，我的示例将非常适合您。

Answer 2

看起来很奇怪，因为jQuery Validation 默认忽略隐藏字段。检查live demo。