投稿後にボタンが消える

Question

ユーザーが投票した後にこのボタンを表示させないようにするにはどうすればよいですか？

 <p id="button_<%= review.id %>"><%= f.submit "vote" %></p> 

Answer 1

私は隠す代わりにボタンを無効にします。あまり混乱のないインターフェイスを作成します。

<p id="button_<%= review.id %>" onclick="this.disabled=true;"><%= f.submit "vote" %></p> 

をしかし、あなたはそれを隠したい場合は、あなたの代わりにthis.style.display='none';を使用することができます。

あなただけonclick属性を追加することによって、最も簡単にこれを行うことができます。すでにかかわらのjQueryを使っている（または、このようなものをたくさんやってしようとしている）場合

を（私はバニラのJSを思い出すことができる場合）：

$('#button_<%= review.id %>').click(function() { 
    $(this).remove(); // or $(this).hide(); 
} 

編集：this shows the difference between Dr.Dredel's and my solution

---

onsubmit RobGを幸せにするバージョン

（あなたは <form>の上に配置する必要があります） 10

彼はそれがより意味をなさないことが正しいです。onsubmit; Enterを押してフォームを送信する方法は他にもあります。はい、それはhttp://jsfiddle.net/mnbayazit/9Snna/2/

Answer 2

これを行う理由：おそらくあなたはまだ編集

（私は間違っていない場合も、入力を経由して二回提出することができなくなる）ようなシナリオでは無効になってもらうためにボタンにしたいと思います人々が元のページを再訪問できるようにし、投票ボタンをクリックした後に隠すのではなく、投票ボタンが再度表示されることを前提としています。あなたがそれを消して、ajaxを使うことを望んでいるなら、これまでの他の答えはこれを行う方法を説明しています。

あなたのコントローラでは、誰かがレビューしているレビューを投稿しているかどうかを確認します。

#this assumes that you have foreign keys user_id and article_id in your reviews table 
# and that @article and @user are the objects you're passing down 
@posted_review = Review.find_by_user_id_and_article_id(@article.id, @user.id) 

次に、ビューで：あなたは、このような<% = @posted_reviewを呼び出すように必要がある場合は、そのプロパティにアクセスできるように

<% if @posted_review.nil? %> 
<p id="button_<%= review.id %>"><%= f.submit "vote" %></p> 
<% end %> 

私は@posted_review実際の審査の対象に設定したまま.created_at％>