Question

我想在<button>块之外提交提交<form>。如何进行可以从表单块执行method="post" action="/order/setup"的提交？

<form id="order-form" role="form" method="post" action="/order/setup">
 <input type="text name="first_name" />
</form>

<div class="details-section-button row">
        <button type="submit" class="btn btn-block btn-dark right shadow arrow">Next <i class="icn btn-right-arrow"></i></button>
</div>

Answer 1

在支持the new form attribute from HTML 5的浏览器中：

<button form="order-form">…</button>

......但不要。调整您的设计，使表单控件位于与其关联的表单内。将它们分开是没有语义意义的。

Answer 2

$("form#order-form").submit();

http://api.jquery.com/submit/

Answer 3

尝试这样的操作，将提交按钮的ID设为submitButton：

<div class="details-section-button row">
   <button id="submitButton" type="submit" class="btn btn-block btn-dark right shadow arrow">
      Next 
      <i class="icn btn-right-arrow"></i>
   </button>
</div>

然后使用jQuery：

$("#submitButton").on("click", function () {
   $("form#order-form").submit();
});

在<form>块之外进行提交<按钮>工作？</form> </button>

3 个答案: