LaravelとjQueryでエラーチェックを行いたい

実現したいこと

blade上のform(inputやtextなど)を送信し、バリデーションにエラーがあればそのメッセージはLaravelの特性を活かし、エラーメッセージをblade上に表示する
例)
'name' => 'required などです。

その上でエラーが表示された、inputタグの色を変更(赤枠で囲むなど)したいです。

イメージ
以下のようなblade.php(hmtl部分の抜粋)があったとします。

html
1        <form method="post" action="xxx" id="xxx">
2            <input type="text" name="name">
3            <input type="text" name="address">
4            <input type="text" name="tell">
5            <input type="text" name="email">
6        </form>
7        <span class="btn">SEND</span>
8

手順①
sapnタグにクリックイベントを設定し、phpファイルに値を投げる。

手順②
クリックイベントの間にajax通信を行う。
返ってきた値をもとにどの部分でエラーが出たかを判定し、該当タグに色をつける。

質問
まずこの手順が正しいのかもわかりません。
他にいい手順があればお教えください。スペシフィックすぎて中々検索でもヒットしません。よろしくお願いします。

m.ts10806

2019/06/07 01:01

まず自身でやってから質問してください。「スペシフィック」を正しく使えてるようには思えませんけど。「探し方が悪いんじゃない？」くらいの感想で良ければ回答します。

m.ts10806

2019/06/07 01:23 編集

というか、前の質問の私の回答をちゃんと理解できているように思えないので。 https://teratail.com/questions/193572 まずきちんと理解して、理解したことを回答にコメントしてください。「回答がついたら解決」なんてことをやってはないですよね。

m.ts10806

2019/06/10 07:30

質問内容からするとどのように理解したかコメントしないといけない内容です。 https://teratail.com/help/question-tips#questionTips4-2 なぜ私の回答をベストアンサーに選べたのですか？

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

回答3件

ベストアンサー

根本的に考え方が間違っているようにしか思えないのでその指摘のみの回答です。

sapnタグにクリックイベントを設定し、phpファイルに値を投げる。

sapnタグというのは存在しません。強いてならspanでしょうけど、ボタンなのであればbuttonタグを使うべき。CSSフレームワークがボタンライクな装飾をしているからとそれに甘えてはいけません。<span>タグの役割はボタンではありません。

「Laravelの特性を活かし」と仰っていますが「phpファイルに値を投げる」と書かれている時点でフレームワークの話ではなくなっています。
というかAjaxであっても何であっても「ファイルに直接送信する」わけではありません。
リクエストは「URIに対して送信する」です。その先が http://example.com/test.phpであればたまたまtest.phpが呼び出されるだけです。
ファイルに送信するわけではありません。
当質問のURI/questions/193608も同じ。「PHPファイルに投げる」なんてことは行われていません。
サーバーに対して/questions/193608というリクエストが送られたらプログラムで受け取り、URIを解析して適宜必要なプログラムを呼び出しているだけです。

Ajaxも同じです。単に「非同期でURIにリクエストを送ってレスポンスを得る」だけで「ファイルにリクエストを投げる」なんてことはしていません。

「リクエストとレスポンス」についての考え方・概念をきちんと学びなおしてください。