在不执行提交的表单内添加常规按钮

Question

我有这个表单声明：

<form method="post" action="/web_services/buscar_vuelos?method=get">
  <div id="addSegment_wrapper">
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="addTr" style="display: inline;">
      <span class="ui-button-text">Add Segment</span>
    </button>
  </div>
  <input id="web_services_submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-          text-only" type="submit" value="Search" name="commit">
</form>

而且，虽然我没有将“addSegment_wrapper”按钮指定为提交按钮，但每次单击它时，它都会调用表单操作。我只想将此按钮视为常规按钮。

我该怎么办？

THX

Answer 1

你可以做到

<button type="button">Add Segment</button>

Answer 2

这样做：

<button type="button" class="(rest of your classes)">Rest of your code</button>

Answer 3

更接近Occams razor（对于复杂的方案*）可以单独构建“要提交的表单”，即不要（即，放弃使用）“形式”标签：对于后者的描述，请参阅“how to ajax post a form that includes fields in a dynamic table for which both rows and columns can be added dynamically”

*例如，当您的表单由多个交互事件组成时，其中一个子集用于表单提交。