0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Railsのフォーム画面で、ページをリロードしないと、投稿できないときの対処法

Posted at

##解決したいこと
フォーム画面で、データを送信したいが、毎回リロードしなければ、送信ボタンを押しても反応が何もないこと。
一度リロードすれば、正常にフォームのデータを送信できる状況です。

##解決法
(コードは簡略化しています。)

<div class= "items_request_contents">
 <div class="new_items">
  <%= form_with model: @request, local: true do |f| %>
    <div class="field">
      <%= f.text_field :name %>
    </div>
    <div class= "btn_contents">
     <%= f.submit "送信する" ,class:"btn" %>
    </div>
  <% end %>
 </div>
</div>

上記のコードを下記コードに変更しました。

<div class= "items_request_contents">
 <%= form_with model: @request, local: true do |f| %>
   <div class="new_items">
     <div class="field">
      <%= f.text_field :name %>
     </div>
     <div class= "btn_contents">
      <%= f.submit "送信する" ,class:"btn" %>
     </div>
   </div>
 <% end %>
</div>

変更点は、form_withメソッドを囲んでいたdiv要素の記述を消し、逆に、form_withメソッドの中にdiv要素を記述しました。
詳細な原因は、説明できませんが、これで解決したので、アウトプットをしました。
以上になります。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?