Jquery 验证依赖于复选框？

我的表单中有一个部分，只有选中复选框时才会显示。因此，我对tho字段的验证应仅在选中复选框时适用。我的代码不起作用

这是我到目前为止得到的信息，我在以下网站上找到了这些信息：

代码编辑：以下建议：表单变得无响应：

$(document).ready(function(){
  $("#btnSubmit").click(function(){
if($('#chkSurety').is(":checked"))
{  
function validatesurety(){
 $('#frmMain').validate({
 rules: {       
            SuretyFullName: { required: true } 
            },
        messages: {
            SuretyFullName: { required: 'Required' } 
        }
    });
}

---

您只需检查它是否已检查，然后运行您的函数

  $(document).ready(function(){
 //the submit click 
      $("#submit").click(function(){
    if($('#checkboxid').is(":checked"))// check if the checkbox checked if yes 
    {
    //then call you function 
    function validateForm() ;
    }
      });
    });

---

您只需检查它是否已检查，然后运行您的函数

  $(document).ready(function(){
 //the submit click 
      $("#submit").click(function(){
    if($('#checkboxid').is(":checked"))// check if the checkbox checked if yes 
    {
    //then call you function 
    function validateForm() ;
    }
      });
    });

---

将其放入

validateForm

函数中：

// set the default rules
var rules = {
    SuretyFullName: { required: false },
    SuretyIDNumber: { required: true}, 
    SuretyPhysicalAddress: { required: true }, 
    SuretyHomeTel: { required: true}, 
    SuretyPlace: { required: true}, 
    SuretyDay: { required: true }, 
    SuretyMonth: { required: true } 
 };

 // override the full name rule, based on the checkbox
 rules.SuretyFullName.required = $('#chkSurety').is(':checked');

 $('#fmrMain').validate({
      rules: rules,
      ...
 });

---

将其放入

validateForm

函数中：

// set the default rules
var rules = {
    SuretyFullName: { required: false },
    SuretyIDNumber: { required: true}, 
    SuretyPhysicalAddress: { required: true }, 
    SuretyHomeTel: { required: true}, 
    SuretyPlace: { required: true}, 
    SuretyDay: { required: true }, 
    SuretyMonth: { required: true } 
 };

 // override the full name rule, based on the checkbox
 rules.SuretyFullName.required = $('#chkSurety').is(':checked');

 $('#fmrMain').validate({
      rules: rules,
      ...
 });

---

但我的验证是为了整个表单？然后，只有选中我的复选框，才会进行任何验证。基本上，您正在运行一个验证函数。如果选中复选框，您将激活它。以上详细说明我尝试了此操作，但生成了一个新函数Validatesurety（），但这不起作用。$（文档）我应该将其保留为文档还是需要将其更改为其他内容？即使您进行了编辑，我也尝试了此操作，但它不起作用？我应该把它作为$（文档）还是应该更改？除了我的复选框名称和“#btnSubmit”。。。它仍然只是验证每件事，即使它没有被选中。$document就像在加载时一样，它喜欢准备函数，但尝试摆脱submitHandler:function（form）{$（'#btnSubmit'）。单击（）；但是我的validate for是针对整个表单的？那么，只有选中我的复选框，才能进行任何验证。基本上，您正在运行一个验证函数，如果选中复选框，您就会激活它。更多说明我尝试了这一点，但创建了一个新函数Validatesurety（），但它不起作用。$（文档）我应该将其保留为文档还是需要将其更改为其他内容？即使在您进行编辑的情况下，我也尝试了此操作，但它不起作用？我应该将其保留为$（文档）吗或者应该更改吗？els除了我的复选框名称和“#btnSubmit”之外，我的代码是这样的……即使未选中，$文档也只是验证所有内容。$文档就像加载一样，它喜欢准备函数，但尝试摆脱submitHandler:function（form）{$（'#btnSubmit'）。单击（）；