两组不同的jquery验证

时间:2014-10-08 10:41:59

标签: javascript jquery validation

目前,我有一个表格,其中的部分可以根据输入的数据进行展开或收录。如果某个部件已关闭,则假定用户不需要输入该数据,因此不需要对其进行验证。

这是我正在尝试的代码(抱歉这些不良做法,我仍然掌握了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,具体取决于表单是否正确验证,但无论表单是否正确,它都会尝试提交。任何帮助深表感谢。

1 个答案:

答案 0 :(得分:1)

请尝试以下方法: -

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

}