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