Php 单击一个表单提交另一个表单

我有两种类似的形式：

<form action="/demo/" id="form_sample_3" class="form-horizontal" novalidate="novalidate" enctype="multipart/form-data" method="post" accept-charset="utf-8">
    <div style="display:none;">
        <input type="hidden" name="_method" value="POST">
    </div>  

    <div class="form-body">

        <div class="form-group">
            <label class="control-label col-md-3">Name
            </label>
            <div class="col-md-9">
                <div class="input-icon right">
                    <i class="fa"></i>

                    <input name="data[Order][name]" class="form-control required" maxlength="40" type="text" id="OrderName" aria-required="true">                                        </div>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3">Email
                </label>
                <div class="col-md-9">
                    <div class="input-icon right">
                        <i class="fa"></i>
                        <input name="data[Order][email]" class="form-control required" maxlength="40" type="email" id="OrderEmail" aria-required="true"> 
                    </div>
                </div>
            </div>
           <button class="btn green" type="submit">Order</button>
        </div>
    </form>

名称
电子邮件
命令

及

开始聊天

这两张表格在同一页上。现在，如果我点击订单按钮，它将提交开始聊天表单。我在提交之前使用了jquery验证，但奇怪的是，我单击了一个表单，然后提交了另一个表单。问题是什么？或者不可能在同一页中使用多个表单

我使用的Jquery：

$(document).ready(function () {
    $(document).on("click", ".modal button[type='submit']", function () {
        var ModalId = $('.modal').attr('id');
        var error = 0;
        var invalidEmail = false;
        $('#info-container').empty();
        $('#' + ModalId + ' .required').each(function () {
            if (!$(this).hasClass('select2-container')) {
                if (!$(this).val()) {
                    error++;
                    $(this).css('border-color', 'red');
                    $(this).parent().find('.required').css('border-color', 'red');
                }
                $(this).bind("change paste keyup", function () {
                    var remainingError = 0;
                    if (!$(this).val()) {
                        $(this).css('border-color', 'red');
                        $(this).parent().find('.required').css('border-color', 'red');
                    }
                    else {
                        $(this).css('border-color', 'green');
                        $(this).parent().find('.required').css('border-color', 'green');
                    }
                    $('#' + ModalId + ' .required').each(function () {
                        if (!$(this).hasClass('select2-container')) {
                            if (!$(this).val()) {
                                remainingError++;
                            }
                        }
                    });
                    var msg = '<p class ="warning_msg"> You did not fill up ' + remainingError + ' required field(s). Fill up these and try again</p>';
                    $('#info-container').empty();
                    if (!remainingError) {

                        $('#' + ModalId + ' .required').each(function () {
                            if ($(this).attr('type') == 'email') {

                                if ($(this).attr('aria-invalid') == 'true') {
                                    invalidEmail = true;
                                    msg = '<p class ="warning_msg">Invalid Email.</p>';
                                }
                                else {
                                    invalidEmail = false;
                                    msg = '<p class ="success_msg">Everything is Okay. Now click on <em>Order</em> button </p>';
                                }
                            }

                        });

                        if (!invalidEmail) {
                            msg = '<p class ="success_msg">Everything is Okay. Now click on  button </p>';
                        }


                    }
                    $('#info-container').append(msg);
                });
            }
        });

        if (error) {
            var msg = '<p class ="warning_msg"> You did not fill up ' + error + ' required field(s). Fill up these and try again</p>';
            $('#info-container').append(msg);
            event.preventDefault();
        }
        else {
            if (!invalidEmail) {
                $('form').unbind('submit').submit();
            }

        }

    });
});

$（文档）.ready（函数（）{
$（文档）。在（“单击“，”。模式按钮[type='submit']”上，函数（）{
var ModalId=$（'.modal'）.attr（'id'）；
var误差=0；
var invalidEmail=false；
$（“#信息容器”）.empty（）；
$（'#'+ModalId+'.required'）。每个（函数（）{
if（！$（this）.hasClass（'select2-container'））{
if（！$（this.val（））{
错误++；
$（this.css（'border-color'，'red'）；
$（this.parent（）.find（'.required'）.css（'border-color'，'red'）；
}
$（this）.bind（“更改粘贴键控”，函数（）{
var remainingError=0；
if（！$（this.val（））{
$（this.css（'border-color'，'red'）；
$（this.parent（）.find（'.required'）.css（'border-color'，'red'）；
}
否则{
$（this.css（'border-color'，'green'）；
$（this.parent（）.find（'.required'）.css（'border-color'，'green'）；
}
$（'#'+ModalId+'.required'）。每个（函数（）{
if（！$（this）.hasClass（'select2-container'））{
if（！$（this.val（））{
remaingeror++；
}
}
});
var msg='
您没有填写“+remaingeror+”必填字段。请填写这些字段，然后重试；
$（“#信息容器”）.empty（）；
如果（！remainingError）{
$（'#'+ModalId+'.required'）。每个（函数（）{
if（$（this）.attr（'type'）=='email'）{
if（$（this.attr（'aria-invalid'）=='true'）{
invalidEmail=true；
msg=“
无效电子邮件。
”；
}
否则{
无效邮件=假；
msg='
一切正常。现在单击订单按钮；
}
}
});
如果（！invalidEmail）{
msg='
一切正常。现在单击按钮；
}
}
$（“#信息容器”）.append（msg）；
});
}
});
如果（错误）{
var msg='
您没有填写'+error+'必填字段。请填写这些字段，然后重试。
'；
$（“#信息容器”）.append（msg）；
event.preventDefault（）；
}
否则{
如果（！invalidEmail）{
$（'form'）.unbind（'submit'）.submit（）；
}
}
});
});

你能在jquery中发布你是如何提交表单的吗？我编辑了我的问题并添加了jquery。我猜是因为你没有定义要提交的表单，所以它会随机提交一个表单，即

$（“表单”）

最有可能包含表单的ID？在HTML中没有按钮式的顺序，您使用的是JS库。我使用了：并更正了我的HTML。您能在jquery中发布您提交表单的方式吗？我编辑了我的问题并添加了jquery我猜是因为您没有定义要提交的表单，所以它会随机提交一个，例如，

$（'form'）

最有可能包含表单的ID？在HTML中没有类似按钮的顺序，您使用的是JS库。我使用了：并更正了我的HTML。

$(document).ready(function () {
    $(document).on("click", ".modal button[type='submit']", function () {
        var ModalId = $('.modal').attr('id');
        var error = 0;
        var invalidEmail = false;
        $('#info-container').empty();
        $('#' + ModalId + ' .required').each(function () {
            if (!$(this).hasClass('select2-container')) {
                if (!$(this).val()) {
                    error++;
                    $(this).css('border-color', 'red');
                    $(this).parent().find('.required').css('border-color', 'red');
                }
                $(this).bind("change paste keyup", function () {
                    var remainingError = 0;
                    if (!$(this).val()) {
                        $(this).css('border-color', 'red');
                        $(this).parent().find('.required').css('border-color', 'red');
                    }
                    else {
                        $(this).css('border-color', 'green');
                        $(this).parent().find('.required').css('border-color', 'green');
                    }
                    $('#' + ModalId + ' .required').each(function () {
                        if (!$(this).hasClass('select2-container')) {
                            if (!$(this).val()) {
                                remainingError++;
                            }
                        }
                    });
                    var msg = '<p class ="warning_msg"> You did not fill up ' + remainingError + ' required field(s). Fill up these and try again</p>';
                    $('#info-container').empty();
                    if (!remainingError) {

                        $('#' + ModalId + ' .required').each(function () {
                            if ($(this).attr('type') == 'email') {

                                if ($(this).attr('aria-invalid') == 'true') {
                                    invalidEmail = true;
                                    msg = '<p class ="warning_msg">Invalid Email.</p>';
                                }
                                else {
                                    invalidEmail = false;
                                    msg = '<p class ="success_msg">Everything is Okay. Now click on <em>Order</em> button </p>';
                                }
                            }

                        });

                        if (!invalidEmail) {
                            msg = '<p class ="success_msg">Everything is Okay. Now click on  button </p>';
                        }


                    }
                    $('#info-container').append(msg);
                });
            }
        });

        if (error) {
            var msg = '<p class ="warning_msg"> You did not fill up ' + error + ' required field(s). Fill up these and try again</p>';
            $('#info-container').append(msg);
            event.preventDefault();
        }
        else {
            if (!invalidEmail) {
                $('form').unbind('submit').submit();
            }

        }

    });
});