学習備忘ログ

よく使うコードや設定のメモ

form外にあるbuttonからpostする方法

課題

  • form内にsubmitするbuttonを設置することができない

対処法

  • buttonのform属性に以下のように指定する
    <form action="{{ route('brands.pages.edit', ['id' => $brand->id]) }}"
        method="POST" id="page-edit-all-tabs-form" //idの指定をする
        enctype="multipart/form-data">
        {{ csrf_field() }}
        <div class="tab-content">
            @include('admin.store.modal.facebook')
        </div>
    </form>

    <div class="footer-page">
        <a href="{{ route('brands.pages') }}">
            <button type="button" class="btn btn-light btn-light-custom">キャンセル</button>
        </a>
        @if ($facebook['has_token'])
        <button type="submit" form="page-edit-all-tabs-form" // formのidを同じものを指定する
                class="btn btn-primary margin-left-10px color-button search-btn border-none update-btn">保存する
        </button>
        @endif
    </div>