具有多个表单的基本jQuery pop

具有多个表单的基本jQuery pop,jquery,jquery-forms-plugin,jqueryform,Jquery,Jquery Forms Plugin,Jqueryform,我正在尝试创建一个对话框弹出框,里面有两个表单。这个弹出窗口效果很好,但在对话框中我有两个窗体,每个窗体都有单独的操作 我正在使用jQuery表单插件提交表单并显示对#showResponse的响应 我遇到的问题是,每当我单击其中一个表单时,它就会加载#showResponse中的第一个表单,我不确定为什么 这是我的Javascript代码 $(".formFill2").validate({ submitHandler: function (form) { $(form

我正在尝试创建一个对话框弹出框,里面有两个表单。这个弹出窗口效果很好,但在对话框中我有两个窗体,每个窗体都有单独的操作

我正在使用jQuery表单插件提交表单并显示对#showResponse的响应

我遇到的问题是,每当我单击其中一个表单时,它就会加载#showResponse中的第一个表单,我不确定为什么

这是我的Javascript代码

$(".formFill2").validate({
    submitHandler: function (form) {
        $(form).ajaxSubmit({
            target: "#submitResponse",
            success: function (responseText, statusText, xhr, form) {
                $("#submitResponse").show('slow');
                $('#submitResponse').delay(4000).fadeOut('slow');

            },
            error: function (responseText, statusText, xhr, form) {
                alert("Oops... Looks like there has been a problem.");
            }
        });
        return false;
    }
});   
这是我对话框窗口中的HTML

<fieldset><legend>Email this PDF to</legend>
                  <form class="formFill2" name="emailPDF" id="emailPDF" action="classes/class.Post.php?a=notifyForm" method="post">
                    <label for="email1">Email 1</label>
                    <input name="email1" type="text" value="<?php echo $_SESSION['myEmail']; ?>"><br />

                    <input type="submit" value="Send Emails">
                  </form>    
                  </fieldset>

                  <fieldset><legend>Fax this PDF to</legend>
                  <form class="formFill2" name="faxPDF" id="faxPDF" action="classes/class.Post.php?a=faxFile" method="post">
                    <label for="faxNumber">Fax #</label>
                    <input name="faxNumber" type="text" ><br />

                    <input type="submit" value="Send Fax">
                  </form>    
                  </fieldset>
将此PDF发送到
电子邮件1

我在这里有点猜测,但它可能是表单验证程序中的一个错误

可能是验证插件使用原始CSS选择器(
.formFill2
)来获取submitHandler函数的参数。如果他们使用的是类似于
get(0)
,那么它将始终返回由
.formFill2
发现的第一个DOM对象——第一个表单

如果您
console.log
传递到
submitHandler
中的'form'参数,您是否获得了正确的表单

如果它总是给您第一种形式,您可能想尝试以下方法:

var submitHandler = function(form) {
    //Your submitHandler...
}

$('#emailPDF').validate(submitHandler : submitHandler);
$('#faxPDF').validate(submitHandler : submitHandler);