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(); 
    } 

}