首页 > 解决方案 > 如何从表格提交中调用 jQuery 函数

问题描述

如何从提交按钮调用 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");
});

标签: javascriptjqueryjquery-ui

解决方案


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

您的提交按钮不会这样做,因为它与表单无关。

任何一个:

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

另外:您不能将表单作为 tbody 元素的子元素。这会给你带来麻烦。编写有效的 HTML


推荐阅读