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

Question

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

現在作成しているrailsアプリのホーム画面一番下のセクションで、お問い合わせフォームを作成しました。そこでform_withヘルパーを用いているのですが、submitボタンが反応しなくて、その理由が分からない状況です。

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

submitボタンを押しても何も反応がない。
そのため、エラーメッセージも表示されない。

該当のソースコード

関連箇所のみ抜粋
▼お問い合わせフォームがあるhome.html.erb

<div class="contact-form-section">
 <%= form_with model: @contact, :url => home_confirm_path do |form| %>
   <% if @contact.errors.any? %>
     <div class="alert alert-warning">
       <ul>
         <% contact.errors.full_messages.each do |message| %>
           <li><%= message %></li>
         <% end %>
       </ul>
     </div>
   <% end %>
   <%= form.email_field :email, :placeholder => "Email", class: "input-email" %>
   <%= form.text_field :name, :placeholder => "Name", class: "input-name" %>
   <%= form.text_field :subject, :placeholder => "Subject", class: "input-subject" %>
   <%= form.text_area :message, :placeholder => "Message...", class: "textarea-message" %>
   <%= form.submit "Confirm", class: "submit-send" %>
  <% end %>
</div>

▼router.rb

Rails.application.routes.draw do
  root "home#index"
  get 'home/confirm' => redirect("/")
  get 'home/thanks' => redirect("/")
  get "projects/index" => "projects#index"
  get "team/index" => "team#index"
  get "support/index" => "support#index"
  get "join/index" => "join#index"
  get "vrgame/index" => "vrgame#index"
  get "film/index" => "film#index"

  post "home/confirm" => "home#confirm"
  post "home/thanks" => "home#thanks"
  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
end

▼home.controller.rb

class HomeController < ApplicationController
  def index
    @contact = Contact.new
    render :action => 'index'
  end

  def confirm
    @contact = Contact.new(contact_params)
    if @contact.valid?
      render :action => 'confirm'
    else
      render :action => 'index'
    end
  end

  def thanks
    @contact = Contact.new(contact_params)
    if params[:back]
      render :action => 'thanks'
    else
      ContactMailer.received_mail(@contact).deliver_now
      render :action => 'thanks'
    end
  end

  private
    def contact_params
      params.require(:contact).permit(:name, :email, :subject, :message)
    end
end

▼Mailer

class ContactMailer < ApplicationMailer

  default from: "[e-mail]"
  default to: "********@gmail.com" #ここは自分のアドレスを入れて試しました。

  def received_email(contact)
    @contact = contact
    mail_subject = "You got a message from #{@contact.name}"
    mail(:subject => mail_subject)
  end
end

Answer 1

ajaxではなく普通に送信したい場合、local: trueの指定が必要だと思います。

<%= form_with model: @contact, :url => home_confirm_path do |form| %>

↓

<%= form_with model: @contact, :url => home_confirm_path, local: true do |form| %>

Comments

[Shunpei0217]

早速のご回答ありがとうございます！

submitボタンは反応しました！とても助かりました^^
HTMLで普通に送信する場合はlocal: trueが必要ということを認識しておりませんでした。
勉強になりました。

そして、今度は別のエラーが表示されてしまいました。。。

Errno::ECONNREFUSED in HomeController#thanks
Extracted source (around line #21):
render :action => 'thanks'
else
ContactMailer.received_email(@contact).deliver_now #この部分です。
render :action => 'thanks'
end
end

Confirmボタンを押して確認画面で正式に管理者のアドレス宛にメール送信したい状況です。。

[mingos]

メールを送信する設定が正しく出来ていないためだと思われます。
Errno::ECONNREFUSEDはおそらくlocalhostに25番ポートで接続しようとしたが、できなかったために起きたエラーだと思います。
開発環境にpostfixなどのSMTPサーバは入っていますか？
Linux環境でない場合は、GMailで送るなどの設定が別途必要かもしれません。

[Shunpei0217]

Connection refused - connect(2) for "localhost" port 1025
エラーメッセージ内に、上記のように記載されていました！

開発環境にSMTPサーバを入れるというのは、config/environments/development.rbにgemでSMTPサーバをインストールするという意味でしょうか？

経験が浅いため、この辺りに全く詳しくなく質問が稚拙で申し訳ございません。。

[Shunpei0217]

すいません。gemは関係ないですね。gemfileではないので。。^^;

[mingos]

STMPサーバというのはメールを外部に送信するためのソフトウェアです。
postfixというソフトが有名だと思います。
CentOSなら、yum install postfixというコマンドでインストールが可能です。
MacやWindows環境は申し訳ないですが、分かりません。

その場合は、外部のメールサーバを利用してメールを送る事ができます。
一般的にGMailが無料で使えるからGMailを利用する例が多いようです。
「ActionMailer GMail」などで検索すると設定方法が出てきます。

例えばこのへんとか。
https://qiita.com/zeppekipanda/items/0907ee3312ed9d79c9e8

[Shunpei0217]

ご丁寧に詳細の説明をしていただきありがとうございますm(_ _)m
Mac環境なのですが、postfixやgmailあたりの設定を自分で試してみたいと思います。(> <)
最後に1点だけ質問なのですが（何度も本当に申し訳ございません。。）、herokuなどにデプロイしてからもお問い合わせメールの送信機能を持たせるためには、別途本番環境での設定が必要になりますでしょうか？。。

[mingos]

はい。SMTPサーバをそれぞれの環境に用意する方法では、実行環境(開発環境＝Mac、本番環境＝Heroku)それぞれでメールを送るための準備が必要となります。
一方で、GMailを利用する場合は、SMTPサーバの役割はGMailのサーバになるので
自分で準備する必要はありません。
とりあえず、GMailの方法を試すのが良いと思います。

[Shunpei0217]

承知しました！
やるべきことのイメージがわかってきたので、自分で試してみます！
本当に丁寧にありがとうございます(> <)

[Shunpei0217]

たびたび申し訳ございません。
結局メール送信機能が実装出来ず。
新たにこちらで質問投げかけましたので、もしおい時間ございましたらご確認いただけますと幸いです。
https://teratail.com/questions/270997