javascript - 监听表单提交不工作

Question

我试图在提交表单时禁用某些按钮，但我似乎无法让该功能与我的设置一起使用。这是我的 Javascript:

JS

$(document).ready(function() {
  $("form.upload-data-form").submit(function(e) {
    e.preventDefault();
    debugger;
  });
});

HTML

<%= form_for @changeset, upload_path(@conn, :create), [class: "upload-data-form", multipart: true], fn f -> %>

最终有这个类 .upload-data-form 当我提交表单时，我的 Javascript 中的调试器不工作。我做错了什么？

Answer 1

事件处理程序只绑定(bind)到当前选中的元素；在您的代码调用事件处理程序时，它们必须存在于页面上。尝试在文档对象的子对象上委托(delegate)事件

$(document).on("submit","form.upload-data-form", function(e) {
    e.preventDefault();
    debugger;
  });