在隐藏的div中禁用jquery验证插件

Question

基本上，我想在注册表单的指定div中禁用jQuery验证插件"ketchup"。

这个div默认是隐藏的，只有在选中一个单选按钮时才会显示。

主要问题是，我不能提交表单信息，因为验证仍然在隐藏div中对表单的其余部分生效。

以下是我的代码示例，它将div隐藏起来，现在我想在单选按钮未选中时在其中禁用jQuery验证，但保持其对表单的其余部分生效。 如果单选按钮被选中，则整个表单将进行验证。

$("#escondido").css("display","none");

$("#element_30_2").change(function(){
    if ($(this).attr("checked") == true) {         
        $("#escondido").show();

    } else {

        $("#escondido").hide();
    }
});

- ferreiraesi

---

你的验证代码怎么样了？ - Pav

http://demos.usejquery.com/ketchup-plugin/ - ferreiraesi

Answer 1

你只需禁用输入

$("#element_30_2").change(function(){ if ($(this).attr("checked") == true) {
    $("#escondido").show().find('input').removeAttr('disabled');

} else {

    $("#escondido").hide().find('input').attr('disabled','disabled');

}

这也意味着这些值不会被提交。

顺便提一下，我支持使用jQuery验证插件，虽然我与他们没有关联，但我知道这是一个很好的产品，由jQuery团队的某个人开发。

- mcgrailm

---

它不起作用。如果单选按钮未被选中，则验证仍在隐藏的 div 中处于活动状态。 - ferreiraesi