Status Code: 422 Unprocessable Content when using submit-on-change

[errand]

• Laravel Version: 9
• PHP Version: 8.1
• Composer (PHP) package version: 1.1.5
• NPM (JS) package version: 1.1.2

Description:

Weird error in the console: POST http://127.0.0.1:8000/dashboard/videos 422 (Unprocessable Content)
Only if i use

<x-splade-form action="{{ route('videos.store') }}" method="post" submit-on-change>
                <x-splade-file id="video" name="video" class="mb-4" filepond server accept="video/*"  />
            </x-splade-form>

and no error when using with Submit button

<x-splade-form action="{{ route('videos.store') }}" method="post" submit-on-change>
                <x-splade-file id="video" name="video" class="mb-4" filepond server accept="video/*"  />
<x-splade-submit>Next</x-spade-submit>
            </x-splade-form>

[pascalbaljet]

So ideally, you want to wait until the upload has been completed (by Filepond) and then automatically submit the form?

[errand]

@pascalbaljet , yes
the form auto submits on filepond server upload

video.create.blade.php

<x-splade-form action="{{ route('videos.store') }}" submit-on-change>
                <x-splade-file id="video" name="video" filepond server accept="video/*"  />
            </x-splade-form>

And the Controller store method redirects to video.update.blade.php

public function store(StoreVideoRequest $request)
    {
        $video = Video::create([
           ...
        ]);

        $this->dispatch(new ExportFramesFromVideo($video));

        return redirect()->route('videos.edit', $video->id);
    }

Actually all works fine except this error in the console...

[surajkhanal]

@errand Did you find any workaround? I am in a similar situation.