目的

「通常アップロード時」と「セッションやストレージ一時フォルダ」でinputのname属性が異なる時に、
どちらか一方に値が入っていたらOKなバリデーションを作りたい。

例えば
・セッション前ならimage_pathが必須、しかしimage_orderはいらない
・セッション後ならimage_orderのみでもOK、しかしimage_orderを削除したらimage_pathが必須

イメージ画像

手順

①required_without_allを追加

CollectionRequest.php

public function rules()
{
    return [
        'title' => ['required', 'string', 'max:50'],
        'description' => ['nullable', 'string', 'max:10000'],
        'url_qiita' => ['nullable', 'url', 'max:500'],
        'url_webapp' => ['nullable', 'url', 'max:500'],
        'url_github' => ['nullable', 'url', 'max:500'],
        'is_public' => ['required', 'boolean'],
        'position' => ['required', 'integer'],
        // ✅どちらか一方に値が入っていればOK
        'image_path' => ['required_without_all:image_order'],
        'image_order' => ['required_without_all:image_path'],
    ];
}

②エラーメッセージを表示する準備

image_orderは、JavaScriptで作成するため記載なし

○○.php

create.blade.php


<!-- 画像アップロード -->
<div class="p-2 w-full">
<div class="relative">
    // ✅ エラーメッセージ表示
    <x-input-error :messages="$errors->get('image_path')" class="mt-2" />
    <label for="image_path" class="leading-7 text-sm text-gray-600">画像</label>
    <!-- 見えない input -->
    <input multiple type="file" id="image_path" name="image_path[]" class="hidden" accept="image/*">
    {{-- <!-- セッションの画像データを送信 -->
    <input type="hidden" name="session_image_src" value="{{ json_encode(session('image_src', [])) }}">
    <input type="hidden" name="session_file_names" value="{{ json_encode(session('file_names', [])) }}"> --}}
    @foreach(session('tmp_images', []) as $tmpImage)
        <input type="hidden" name="tmp_images[]" value="{{ $tmpImage }}">
    @endforeach

    @foreach(session('file_names', []) as $fileName)
        <input type="hidden" name="session_file_names[]" value="{{ $fileName }}">
    @endforeach
    <br>
    <!-- カスタムアップロードボタン -->
    <label for="image_path" class="file-upload-btn inline-block px-4 py-1 text-sm text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm cursor-pointer hover:bg-gray-200 active:bg-gray-300 transition">
      ファイルを選択
    </label>
    <!-- サムネイル一覧 -->
    <div class="relative mt-4">
        <label class="leading-7 text-sm text-gray-600">選択した画像：</label>
        <div id="imagePreviewContainer" class="grid grid-cols-3 gap-3 md:grid-cols-4 lg:grid-cols-5 md:gap-4 w-full place-items-center">
          <!-- 画像プレビューがここに追加される -->
        </div>
    </div>
    <!-- 大きなプレビュー画像 -->
    <div id="mainImageContainer" class="flex justify-center mt-4 hidden">
        <img id="mainImage" class="w-3/5 h-auto object-cover border rounded-lg" src="" alt="メイン画像">
    </div>
</div>
</div>

③エラーメッセージを任意で修正

/Applications/MAMP/htdocs/Laravel/collections/lang/ja/validation.php

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | バリデーション言語行
    |--------------------------------------------------------------------------
    |
    | 以下の言語行はバリデタークラスにより使用されるデフォルトのエラー
    | メッセージです。サイズルールのようにいくつかのバリデーションを
    | 持っているものもあります。メッセージはご自由に調整してください。
    |
    */

    // ✅
    // 'required_without_all' => ':valuesのどれも指定しない場合は、:attributeを指定してください。',
    'required_without_all' => ':valuesは、必ず指定してください。',


    /*
    |--------------------------------------------------------------------------
    | Custom バリデーション言語行
    |--------------------------------------------------------------------------
    |
    | "属性.ルール"の規約でキーを指定することでカスタムバリデーション
    | メッセージを定義できます。指定した属性ルールに対する特定の
    | カスタム言語行を手早く指定できます。
    |
    */

    'custom' => [
        '属性名' => [
            'ルール名' => 'カスタムメッセージ',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | カスタムバリデーション属性名
    |--------------------------------------------------------------------------
    |
    | 以下の言語行は、例えば"email"の代わりに「メールアドレス」のように、
    | 読み手にフレンドリーな表現でプレースホルダーを置き換えるために指定する
    | 言語行です。これはメッセージをよりきれいに表示するために役に立ちます。
    |
    */

    'attributes' => [
      'password' => 'パスワード',
      'title' => 'タイトル',
      'description' => 'アプリ解説',
      'url_qiita' => 'Qiita URL',
      'url_webapp' => 'WebApp URL',
      'url_github' => 'GitHub URL',
      'is_public' => '公開種別',
      'position' => '表示優先度',
      // ✅
      'image_path' => '画像',
      'image_order' => '画像',
    ],

];