Jquery验证2表单

Jquery验证2表单,jquery,Jquery,我在jquery.validate中遇到了一个问题。我一页有两张表格。第一种形式是图像上传。ajax劫持post,上传图像并将图像返回到屏幕,然后用图像名称更新第二种形式的隐藏输入(vLogo) 我想做的是,如果隐藏输入为空,则在验证第二个表单时,根据需要突出显示第一个表单中的元素。我希望这是有道理的。希望有人能帮我。 以下是表格示例: 表格1-图片上传表格 <form class="logoform" id="mLogo"> <tr> <t

我在jquery.validate中遇到了一个问题。我一页有两张表格。第一种形式是图像上传。ajax劫持post,上传图像并将图像返回到屏幕,然后用图像名称更新第二种形式的隐藏输入(vLogo)

我想做的是,如果隐藏输入为空,则在验证第二个表单时,根据需要突出显示第一个表单中的元素。我希望这是有道理的。希望有人能帮我。 以下是表格示例:

表格1-图片上传表格

<form class="logoform" id="mLogo">
    <tr>
        <td>
            <div id="logoContainer">
                <span id="logoarea"> <img id="thumb" width="100px" height="100px" src="images/logo_placeholder.gif" border="0"></span>
            </div>
        </td>
        <td colspan=2>
            <table cellspacing=0 cellpadding=3 border=0>
                <tr>
                    <td class="field"><input type="file" name="upload1" id="upload1" class="required"></td>
                </tr>
                <tr> 
                    <td align="right"><input type="submit" value="Add Logo" name="addlogo" class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"></td>
                </tr>
                <tr>
                    <td class="flabel"><label for="volvoLogo">Logo Upload</label></td>
                </tr>
            </table> 
        </td>
    </tr>           
</form>

首先,您需要为表单提供一个公共类
。form\u validate
或一些通用类

然后在表单上执行each循环,并对该项应用验证

$('.form_validate').each(function(i, form){

    $(form).validate({

        /* Your Validation Code */

    });

});
我看到一张我不喜欢的桌子。
$("#customcal").validate({
    invalidHandler: function(e, validator) {
        var errors = validator.numberOfInvalids();

        if (errors) {
            var message = errors == 1
                ? 'You missed 1 field. It has been highlighted below'
                : 'You missed ' + errors + ' fields.  They have been highlighted below';
            $("div.error span").html(message);
            $("div.error").show();
        } else {
            $("div.error").hide();
        }
    },
    onkeyup: false,     
    submitHandler: function() {         
        $("div.error").hide();                  
        form.submit();      
    }
});
$('.form_validate').each(function(i, form){

    $(form).validate({

        /* Your Validation Code */

    });

});