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();
})