質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

0回答

662閲覧

バリデーションエラーが発生したときにパスワードフォームを表示させたい

退会済みユーザー

退会済みユーザー

総合スコア0

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2021/08/05 06:53

laravel バージョン6系

実現したいこと

パスワードフォームの入力でバリデーションに引っかかってリダイレクトしたときに、パスワードフォームは表示・バリデーションメッセージも表示の状態にしたい。
(現在は、初期表示は非表示にしているため、バリデーションエラーでリダイレクトした際にパスワードフォームは非表示になってしまう。)

<div id="password-change-link" class="mb-3"> {{ __('パスワード変更をご希望の場合はこちら') }} </div> <div id="password-change-form" class="form-group"> <label for="password">{{ __('パスワード') }}<span class="badge badge-secondary ml-2">{{ __('任意') }}</span></label> <input type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" id="password" name="password" value=""> @if ($errors->has('password')) <span class="invalid-feedback" role="alert"> {{ $errors->first('password') }} </span> @endif </div>
$(function() { // 「パスワード変更の場合はこちら」リンク押下時、パスワード変更フォームを表示 $('#password-change-link').on('click', function() { $('#password-change-form').show(); }); });

初期表示はパスワードフォームは非表示
div id=”password-change-form”にはdisplay: none;をあてています。

【初期表示】
パスワード変更をご希望の場合はこちら

リンクをクリックすると、以下のようにパスワードフォームを表示

【リンククリック時】
パスワード変更をご希望の場合はこちら

パスワード 任意
パスワードフォーム

試したこと

リクエストされたパスワードでバリデーションエラーが発生したときにフォームを表示・エラー文表示のロジックでいこうと思い、

laravel側で制御しようと思いましたがうまくいきませんでした。

if (isset($request->password)) {
パスワードフォーム
}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問