javascript - 将 jQuery 更改函数绑定(bind)到提交函数

Question

我无法在更改输入后触发表单提交。我想我需要事件处理，但我从来没有真正了解那是什么。

这是我的 HTML:

<form action="/upload">
  <input type="file" name="file">
</form>

这是我的 JS:

$('input').change(function(e){
var closestForm=$(this).closest("form");
    closestForm.submit(function(e) {   
  closestForm.ajaxSubmit({   
              success: function(data){
                    console.log('form submitted successfully');
              }
      }); //ajaxSubmit
    return false;
  }); //submit 
}); //change

请注意，我想使用 AJAX 进行提交，但这不是问题，因为我的代码库的其他部分可以使用 jQuery Form plugin ajaxSubmit() 没问题。

想法？

Answer 1

因为您希望在输入更改时提交表单。你不需要在表单上提交事件

 $('input').change(function(e){
    var closestForm=$(this).closest("form"); 
      closestForm.ajaxSubmit({   
                  success: function(data){
                        console.log('form submitted successfully');
                  }
          }); //ajaxSubmit
        return false; 
    }); //change