rails form_for の submit ボタンが反応しない

Question

railsのform_forのsubmitボタンが反応しない。

現在作成しているアプリケーション
にて、form_forのsubmitが反応しない理由がわかりません。

###環境
ruby 2.6.1
rails 5.2.3
mysql2
Puma 3.12.1

発生している問題・エラーメッセージ

submitボタンを押しても反応がないので、
エラーメッセージも特にありません。

該当のソースコード

関連箇所のみ抜粋

<table>
    <%= form_for(@band, url:{controller:'band', action:'add'}) do |form| %>
        <tr><th>バンド名</th>
            <td><%= form.text_field :bandname %></td></tr>
        <tr><th>メンバー</th>
            <td><%= form.text_area :members, {cols:40, rows:10} %></td></tr>
        <tr><th>定演</th>
            <td><%= form.text_field :teien %></td></tr>
        <tr><th>学内</th>
            <td><%= form.text_field :gakunai %></td></tr>
        <tr><th>備考</th>
            <td><%= form.text_field :notes %></td></tr>
        <tr><th></th>
            <td><%= form.submit "送信" %></td></tr>
    <% end %>
</table>

  get 'band/index'
  get 'band', to: 'band#index'
  get 'band/add'
  post 'band/add', to: 'band#create'
  get 'band/edit/:id', to: 'band#edit'
  patch 'band/edit/:id', to: 'band#update'
  get 'band/delete/:id', to: 'band#delete'
  post 'band/delete/:id', to: 'band#delete'
  get 'band/admin'
  get 'band/:id', to: 'band#show'

  def add
    @msg = 'バンド追加'
    @band = Band.new
  end
  def create
    @data = Band.new bands_params
    if @data.save then
      redirect_to '/band/admin'
    else
      @bands = Band.where('id > 1').order('teien desc','gakunai desc','created_at asc')
      render '/band/admin'
    end
  end

Answer 1

おそらく、tableタグ内かつtrタグの前にform_forを配置しているため、
生成されるHTML(ブラウザの開発者ツール等で確認できるHTML)では、
inputタグ(erb内ではf.submit)より前にformタグが閉じられてしまっていると思います。

以下のように該当のテーブル全体を囲うような、formを用意するとsubmitが効くようになるかと思います。

<%= form_for(@band, url:{controller:'band', action:'add'}) do |form| %>
    <table>
        <tr><th>バンド名</th>
            <td><%= form.text_field :bandname %></td></tr>
        <tr><th>メンバー</th>
            <td><%= form.text_area :members, {cols:40, rows:10} %></td></tr>
        <tr><th>定演</th>
            <td><%= form.text_field :teien %></td></tr>
        <tr><th>学内</th>
            <td><%= form.text_field :gakunai %></td></tr>
        <tr><th>備考</th>
            <td><%= form.text_field :notes %></td></tr>
        <tr><th></th>
            <td><%= form.submit "送信" %></td></tr>
    </table>
<% end %>

下記の記事も参考になるかと思います。
https://qiita.com/hc_isobe/items/cfe1f31319780e73cebe

Comments

[shigeki-yabune]

提示していただいた方法で解決できました！
ありがとうございます！