【Laravel】Postでのform送信がGetになる

前提・実現したいこと

Laravel勉強し始めた初心者です。
Postでのform送信がGetになってしまって原因がわかりません。

どうすればformをPostで送信できるか、
どなたか教えていただけないでしょうか。

■バージョン
% php -v
PHP 7.3.11 (cli) (built: Jun 5 2020 23:50:40) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.3.11, Copyright (c) 1998-2018 Zend Technologies

% php artisan -V
Laravel Framework 5.5.50

該当のソースコード

■ routes/web.php

php
1<?php
2
3Route::get('/', 'PostsController@store');
4Route::post('/show', 'PostsController@show');

■ app/Http/Controllers/PostsController.php

php
1<?php
2
3namespace App\Http\Controllers;
4
5use Illuminate\Http\Request;
6use App\Post;
7
8class PostsController extends Controller
9{
10    public function store(){
11        return view('posts.store');
12    }
13
14    public function show(Request $request){
15        dump($_SERVER["REQUEST_METHOD"]);
16
17        dump($request->title);
18        dd($request->body);
19        return view('/');
20    }
21}

■ resources/views/posts/store.blade.php

php
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>New Posts</title>
8    <link rel="stylesheet" href="/css/styles.css">
9</head>
10<body>
11    <div class="container">
12        <h1>
13            New Posts
14        </h1>
15        <form metod="post" action="{{ url('/show') }}">
16            {{ csrf_field() }}
17            <p>
18                <input type="text" name="title" placeholder="enter title">
19            </p>
20            <p>
21                <textarea name="body" placeholder="enter body"></textarea>
22            </p>
23            <p>
24                <input type="submit" value="Add">
25            </p>
26        </form>
27    </div>
28</body>
29</html>

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

store.blade.phpのform送信ボタンクリックで以下のエラーが発生。

Symfony \ Component \ HttpKernel \ Exception \ MethodNotAllowedHttpException
No message

試したこと

web.phpを以下のように修正して/showをgetでうけるとエラーなく実行できます。

■ routes/web.php

php
1<?php
2
3Route::get('/', 'PostsController@store');
4Route::get('/show', 'PostsController@show');

formのtitleに「ここはtitle」、bodyに「ここはbody」を記入して送信した結果。
なぜかGETになっています。
何故でしょうか。どうすればPostできるでしょうか。

"GET"
"title: ここはtitle"
"body: ここはbody"

以上

行動規範の内容に同意します

回答1件

ベストアンサー

スペルミスをしています。正しくはmethodです

diff
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>New Posts</title>
8    <link rel="stylesheet" href="/css/styles.css">
9</head>
10<body>
11    <div class="container">
12        <h1>
13            New Posts
14        </h1>
15-        <form metod="post" action="{{ url('/show') }}">
16+        <form method="post" action="{{ url('/show') }}">
17            {{ csrf_field() }}
18            <p>
19                <input type="text" name="title" placeholder="enter title">
20            </p>
21            <p>
22                <textarea name="body" placeholder="enter body"></textarea>
23            </p>
24            <p>
25                <input type="submit" value="Add">
26            </p>
27        </form>
28    </div>
29</body>
30</html>

投稿2020/10/14 14:55

attakei

総合スコア2740

belpcnel

2020/10/14 15:01

早速の回答ありがとうございます！スペルについてはよくよく確認したつもりでしたがスペルミスでしたか、、追加の質問で恐縮ですが、この手のスペルミスを無くしたり、気付いたりする良い方法はあるでしょうか。

attakei

2020/10/14 15:15

> 追加の質問で恐縮ですが、この手のスペルミスを無くしたり、気付いたりする良い方法はあるでしょうか。コードを書くにあたってスペルミスを無くす方策としては、「自分でタイプしない」というのがあります。例えばフォーム処理のためのHTMLだとある程度定型的なものになるので、コードテンプレートなどを使うと安定するんじゃないでしょうか。それでも、自力で書かないといけないシーンはあるので、最終的には慣れになってしまいますね。そのため、気づきやすくする環境でコードを書くようにすると良いと思います。コードを書くことを前提としたエディターや開発環境には、スペルチェックとして英単語などの不備を下線で強調してくれる機能やプラグインを持っていることが多いので、そういったものを探して使ってみると良いと思います。

belpcnel

2020/10/14 22:26

ご回答ありがとうございます！開発環境見直してみます。

行動規範の内容に同意します