两组不同的 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();
        }
    }
});

我假设 $("#submit-form").validate() 返回 true 或 false 取决于表单是否正确验证，但无论表单是否正确，它都会尝试提交.任何帮助深表感谢。

Answer 1

尝试以下方法：-

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

}