javascript - 将 onsubmit 属性添加到表单并提交

Question

我在页面上有两个按钮：

<div class="bottons">
        <button class="wiz_button wizard_prev_step" type="button" style="margin-top: 27px;
            display: none"><span><span>Previous</span></span></button>
        <form id="orderForm" method="POST">
        <input type="hidden" name="Signed_Order_B64" value="">
        <input type="hidden" name="email" size="50" maxlength="50" value="">
        <input type="hidden" name="Language" value="rus">
        <input type="hidden" name="firstname" value="">
        <input type="hidden" name="surname" value="">
        <input type="hidden" name="appendix" value="">            
        <button class="wiz_button wizard_next_step disabled long" type="button" style="margin-top: 27px;">
            <span><span>Next</span></span></button>
        </form>
    </div>

这个按钮来自我的自定义向导。另外，我有一个Next按钮的单击事件处理程序：

$('.wizard_next_step').click(function () {
// load next step and other stuff
})

当用户在最后一步找到帖子表单时，我想要：

if (currentStep === '3') {
// here I want set onsubmit function for the form  *
}

我怎样才能做到这一点？
谢谢。

PS。该解决方案必须适用于 IE 7 及更高版本。

Answer 1

做就是了：

$('#orderForm').submit()

Answer 2

您正在使用 jQuery。所以只需使用

if (currentStep === '3') {
// here I want set onsubmit function for the form and submit it *
  $('#orderForm').submit();

}

Answer 3

由于按钮在表单中，并且在附加的侦听this器中将引用该按钮，因此您可以使用以下方法分配给 onsubmit 属性：

this.form.onsubmit = someFn;

并使用以下方式提交表格：

this.form.submit();