LoginSignup
marcy27th
@marcy27th

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

laravelで会員登録画面を表示(modal)

解決したいこと

laravelで【会員登録】機能を作成中です。
【会員登録】ボタンを押すとmodal表示で
入力画面を表示させようとしています。

link_to_routeを使い表示させたいのですが、
どうしたら良いのでしょうか?

発生している問題・エラー

ナビゲーションバーへ下記のコードで書くとmodalにて表示されますが、

<li class="nav-item"><a href="#signup-modal" class="nav-link" data-toggle="modal">会員登録</a></li>


下記のようにlink_to_routeを使うと『このサイトにアクセスできません127.0.0.1 により途中で接続が切断されました。』が表示されてしまいます。

<li class="nav-item">{!! link_to_route('signup.get', '会員登録', [], ['class' => 'nav-link']) !!}</li>
link_to_route

該当するソースコード

参考までにweb.phpとregister.blade.phpの内容を記入します。

(web.php)

Route::get('signup', 'Auth\RegisterController@showRegistrationForm')->name('signup.get');



(register.blade.php)

<div class="modal fade" id="signup-modal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h4>会員登録</h4>
            </div>

            <div class="modal-body">

                {!! Form::open(['route' => 'signup.post']) !!}
                    <div class="form-group">
                        {!! Form::label('name', '名前') !!}
                        {!! Form::text('name', null, ['class' => 'form-control']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('email', 'メール') !!}
                        {!! Form::email('email', null, ['class' => 'form-control']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('password', 'パスワード') !!}
                        {!! Form::password('password', ['class' => 'form-control']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('password_confirmation', 'パスワード(確認)') !!}
                        {!! Form::password('password_confirmation', ['class' => 'form-control']) !!}
                    </div>

                    <div class="modal-footer">

                        {!! Form::submit('登録', ['class' => 'btn btn-primary btn-block']) !!}                 
                        <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
                        
                    </div>
                    
                {!! Form::close() !!}
            </div>
        </div>

            
    </div>
</div>

ソースコードを入力

自分で試したこと

ここに問題・エラーに対して試したことを記載してください。

0

No Answers yet.

Your answer might help someone💌