laravel お問い合わせフォームについて

Question

laravelでお問い合わせフォームを作成しているのですが、
入力内容修正のために戻るボタンと、送信ボタンのどちらともボタンを押すと、

The GET method is not supported for this route. Supported methods: POST.

のエラーが出てしまいます。

//入力ページ
Route::get('/contact', 'ContactController@index')->name('contact.index');

//確認ページ
Route::post('/contact/confirm', 'ContactController@confirm')->name('contact.confirm');

//送信完了ページ
Route::post('/contact/thanks', 'ContactController@send')->name('contact.send');

class ContactController extends Controller
{
    public function index()
    {
        //フォーム入力画ページのviewを表示
        return view('contact.index');
    }

    public function confirm(Request $request)
    {
         //バリデーションを実行（結果に問題があれば処理を中断してエラーを返す）
         $request->validate([
            'name'  => 'required',
            'email' => 'required|email',
            'title' => 'required',
            'body'  => 'required',
        ]);
        
        //フォームから受け取ったすべてのinputの値を取得
        $inputs = $request->all();

        //入力内容確認ページのviewに変数を渡して表示
        return view('contact.confirm', [
            'inputs' => $inputs,
        ]);

        
    }

    public function send(Request $request)
    {
        //バリデーションを実行（結果に問題があれば処理を中断してエラーを返す）
        $request->validate([
            'name'  => 'required',
            'email' => 'required|email',
            'title' => 'required',
            'body'  => 'required'
        ]);

        //フォームから受け取ったactionの値を取得
        $action = $request->input('action');
        
        //フォームから受け取ったactionを除いたinputの値を取得
        $inputs = $request->except('action');

        //actionの値で分岐
        if($action !== 'submit'){
            return redirect()
                ->route('contact.index')
                ->withInput($inputs);

        } else {
            //入力されたメールアドレスにメールを送信
            \Mail::to($inputs['email'])->send(new ContactSendmail($inputs));

            //再送信を防ぐためにトークンを再発行
            $request->session()->regenerateToken();

            //送信完了ページのviewを表示
            return view('contact.thanks');
            
        }
    }
}

    <form method="POST" action="{{ route('contact.confirm') }}">
        @csrf

        <label>お名前</label>
        <input
            name="name"
            value="{{ old('name') }}"
            type="text">
        @if ($errors->has('name'))
            <p class="error-message">{{ $errors->first('name') }}</p>
        @endif

        <label>メールアドレス</label>
        <input
            name="email"
            value="{{ old('email') }}"
            type="text">
        @if ($errors->has('email'))
            <p class="error-message">{{ $errors->first('email') }}</p>
        @endif

        <label>タイトル</label>
        <input
            name="title"
            value="{{ old('title') }}"
            type="text">
        @if ($errors->has('title'))
            <p class="error-message">{{ $errors->first('title') }}</p>
        @endif


        <label>お問い合わせ内容</label>
        <textarea name="body">{{ old('body') }}</textarea>
        @if ($errors->has('body'))
            <p class="error-message">{{ $errors->first('body') }}</p>
        @endif

        <button type="submit">
            入力内容確認
        </button>
    </form>

<form method="POST" action="{{ route('contact.send') }}">
    @csrf

    <label>お名前</label>
    {{ $inputs['name'] }}
    <input
        name="name"
        value="{{ $inputs['name'] }}"
        type="hidden">

    <label>メールアドレス</label>
    {{ $inputs['email'] }}
    <input
        name="email"
        value="{{ $inputs['email'] }}"
        type="hidden">

    <label>タイトル</label>
    {{ $inputs['title'] }}
    <input
        name="title"
        value="{{ $inputs['title'] }}"
        type="hidden">


    <label>お問い合わせ内容</label>
    {!! nl2br(e($inputs['body'])) !!}
    <input
        name="body"
        value="{{ $inputs['body'] }}"
        type="hidden">

    <button type="submit" name="action" value="back">
        入力内容修正
    </button>
    <button type="submit" name="action" value="submit">
        送信する
    </button>
</form>

参考サイト

どなたかご回答いただけないでしょうか。
何卒よろしくお願い致します。

Comments

[m.ts10806]

>戻るボタン、送信ボタン
どこでしょうか。提示されたコードにはないようですが。

[taizoyama]

大変申し訳ございません。コードを変更させて頂きました。

[退会済みユーザー]

viewとして示されているコードは、確認用？ 入力用？

[taizoyama]

確認用のviewも追加さて頂きました。知識不足ですみません。

Answer 1

 $request->validate([
            'name'  => 'required',
            'email' => 'required|email',
            'title' => 'required',
            'body'  => 'required'
        ]);

nameというのがどこにあるのか謎なのですが、もしかしてこれは不要なのでは？

Comments

[taizoyama]

viewのコードが抜けておりました。申し訳ございません。

[AbeTakashi]

あとはviewですかね

おそらくcontact.index のviewを提示してくれているようですが、contact.confirm のview側も出してくれないとたぶん誰も分からないですね。

[taizoyama]

入力用と確認用を追加させて頂きました。申し訳ございません。

[AbeTakashi]

そもそもsendメソッドで
return redirect()->route('contact.index')->withInput($inputs);
っておかしいですね。

validateして入力画面に戻すならその手前のconfirmメソッドでやるべきで、
return back()->withInput()->withErrors($validator);
とやるのが一般的ではないかと。
confirmメソッドでvalidateが通った場合はそれらのデータをSessionなどに保存し、sendメソッドでそのSessionに保存したデータを使えば、sendメソッドではvalidateする必要は基本的には必要ないと思います。

エラーメッセージはSupported methods: POSTとなっているので、Validateで戻されるときに->withInputが付いてるのでPOSTになってそのようなエラーが出ているのかもしれません（この辺はご自身で調べてください）。

[Lulucom]

sendメソッドのバリデーション（←不要かもしれない）でエラーになったので、元のルートcontact.confirmにリダイレクト（GETリクエスト）されようとしたけど、そのルートがPOSTしか受け付けていないので、このエラーになっているのかもしれませんね。

[taizoyama]

sendメソッドのvalidateを消去し、routeにgetを追記してみたら動きました！
本当にありがとうございます。