如何从 table 中的表单提交调用 jQuery 函数

Question

如何从“提交”按钮调用 jQuery 函数？

    <div class="form-group">
      <table id="tablefriendsname2" class="table form-table-editadd">
        <tbody>
          <form id="addData" submit="addData"></form>
        </tbody>
      </table>
   <button type="submit" name="Submit" class="btn btn-primary">submit</button>
    </div>

$('#addData').submit(function(e) {
  alert("asasas");
});

Answer 1

您必须在表单上触发提交事件，以便运行事件处理程序。

您的提交按钮不会这样做，因为它与表单没有关联。

或者：

将提交按钮 放在表单中
将 form 属性添加到引用表单 id 的 table

旁白：您不能将表单作为 tbody 元素的子元素。这会给你带来麻烦。写入 valid HTML.

如何从 table 中的表单提交调用 jQuery 函数

How can I call a jQuery function from form submit inside table

javascript

jquery

jquery-ui