jQuery隐藏在Rails表单中的提交按钮单击

Question

我在rails视图中具有以下形式：

<%= form_for :search do |f| %>
      <%= f.label :search_by_name %>
      <%= f.text_field :by_name  %>
      <%= f.submit 'Search' %>
<% end %>

在jQuery中，我可以执行以下操作：

        $("h1").click(function(){
            $("h1").hide();
        });

这将导致所有h1标签，成为在点击一个无形的h1标签。 通过单击上方表单的“提交”按钮，如何使整个表单不可见？

编辑

也许这个问题比我想的要大。 当我按照以下答案进行操作时：

 $("form").submit(function(){
        $(this).hide();
    })

表单变得不可见，但是随后页面立即被重新加载，并且表单再次可见。 在重新加载页面之前，它会在一秒钟内保持不可见。 有没有一种方法可以在页面之间传递影响，或显示表单结果而无需重新加载页面？

问题解决了。 我将表单包装在div类中，并将该ID传递到hide函数中，如下面的注释中所述，这似乎可行。 我不明白为什么页面在传递表单时只是重新加载并显示form ，但是在传递id时却没有这种效果。 但是，问题解决了。

Answer 1

尝试

 $("form").submit(function(){
        $(this).hide();
    })

Answer 2

在我看来，Ajax是您想要的（就像@arieljuod所说的），但是如果您只想隐藏表单而不将数据传递到服务器，则可以避免该事件。

$("form").submit(function(e){
    e.preventDefault();
    $(this).hide();
})