使用外部按钮提交表单

Question

在视图中，在表单外部，我有一个库存“更新”按钮。单击按钮时没有任何反应。请帮忙。非常感谢你。

(haml)
  %button#update_button(type="submit) Update

The call for the form:
  = form_for @employee, id: 'employee-update-form' do |f|
    ...

And the JS intended to submit the form:
:javascript
  $('#update_button').click(function() {
    $('#employee-update-form').submit(function() {
      $.ajax({
        type: "PATCH",
        url: '#{employee_path(@employee)}'
        data: $('#employee-update-form').serialize(),
        dataType: "JSON"
      }).success(function(json) {
      });
      return false; // prevents normal behavior
    });

Answer 1

您已将ajax请求绑定到提交事件中的表单，您仍然需要调用submit()来触发事件。

参见jsfiddle：http://jsfiddle.net/ma9kLm34/

绑定电话后触发提交。

$('#employee-update-form').submit();

Answer 2

在表单上调用提交方法

$('#employee-update-form').submit();