jquery验证的两种不同集合

Question

目前，我有一个表单，其部分可以根据输入的数据进行扩展或分组。如果零件被关闭，则假定用户不需要输入该数据，因此它不需要被验证。

这是我努力的代码（对不起，这样的陋习，我仍然得到认真处理JavaScript的）：

$("#submit-form").submit(function(event) { 
    if ($("#CapTextBoxes").is(":visible")){ 
     if ($("#submit-form").validate({ 
      rules:{ 
       CapStartDate:{ 
        required: true, 
       } 
      } 
     })){ 
      alert("submitting"); 
     }else{ 
      event.preventDefault(); 
     } 
    }else{ 
     if ($("#submit-form").validate({ 
      rules: { 
       CapStartDate:{ 
        required: false, 
       } 
      } 
     })){ 
      alert("submitting"); 
     }else{ 
      event.preventDefault(); 
     } 
    } 
}); 

我是在假设$（“＃提交表单” ）.validate（）根据表单是否正确验证返回true或false，但无论表单是否正确，它都会尝试提交。任何帮助深表感谢。

Answer 1

尝试以下操作： -

if ($("#CapTextBoxes").is(":visible")){ 
    $("#submit-form").validate({ 
     rules:{ 
      CapStartDate:{ 
       required: true, 
      } 
     } 
    }); 
    if(!$("#submit-form").valid()){ 
     event.preventDefault(); 
    } 

}