在表单提交之前调用 javascript答案

【问题标题】：Call javascript before form submit on rails在表单提交之前调用 javascript
【发布时间】：2014-08-05 22:47:45
【问题描述】：

我正在尝试调用 javascript 函数来验证表单上的某些数据，如果它们正常，请填写表单字段（隐藏字段）。

在这一步之后，我想清理一些表单字段并继续表单的发布操作。

所以我的控制器上的结果将是这个隐藏字段，由我的 javascript 逻辑填充，其他字段被清除。

如何在 Rails 4 上完成此任务？

提前致谢

【问题讨论】：

标签： javascript ruby-on-rails-3 ruby-on-rails-4

【解决方案1】：

你可以试试：

$(function() {

  $('button').click(function(e){
    e.preventDefault();
    //DO SOMETHING
    $('YOURFORM').submit();
  }
})

希望对你有帮助

【讨论】：

【解决方案2】：

也可以通过将事件侦听器附加到表单本身来处理捕获表单提交操作。这允许您使用 Rails 包含的 JavaScript 驱动程序来执行诸如禁用提交按钮之类的操作（例如<%= submit_tag "Apply Filters", :data => {:disable_with => 'Applying...'} %>）。

$('form#form-id').submit(function() {
    if (valid) {
        return true;
    }
        return false;
    }
})

注意：从传递给事件侦听器的函数返回 false 与在事件对象上调用 preventDefault 的作用相同。

【讨论】：