听取提交表格不工作

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

事件处理程序仅绑定到当前选定的元素;在代码调用事件处理程序时，它们必须存在于页面上。尝试委托文档对象的子项上的事件

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

Answer 2

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