Javascript 「記事削除」を押すとログアウトされてしまう

Question

Laravelで掲示板を作成しており、「記事削除」ボタンにonclickでconfirmを実装し、キャンセル時は問題ないのですが、OK時に以下のような挙動をしてしまい困っています。

• 記事が1件のみで削除するとログアウトされ、記事は削除されない
• 複数記事があるときは削除されるが、エラーが出る

以下該当コード。

const articleDelete = () => {
    if (window.confirm('本当に削除しますか？')) {
        document.articleOptions.submit();
    } else {
        return false;
    }
}

// ログアウトのコード
<form name="logout" action="mypage" method="POST">
  @csrf
  <button class="btn btn-outline-danger btn-sm">ログアウト</button>
</form>


<form name="articleOptions" method="POST">
  @csrf
  ...
  //　記事削除のコード
  <button class="btn btn-danger btn-sm"
   onclick="articleDelete(); return false;" formaction="delete" name="id"
   value="{{$item->id}}">削除</button>
</form>

エラー内容の確認とformのname周りやタイポなど見ていますが、原因がつかめません。
解決するにはどうすればいいでしょうか？

追記：記事の表示部分を掲載し直しました。
また掲載して気づいたのですが、@foreach内にformを入れているため、form name="articleOptions"が繰り返し生成されていました。これが悪さをしているのでしょうか？

@foreach ($items as $item)
    <div class="card my-3">
        <div class="card-header d-inline-flex pb-0">
            <h3><a href="article/id/{{ $item->id }}">{{ $item->title }}</a></h3>
            <div class="ml-auto d-inline-flex">
                <form name="articleOptions" method="POST">
                    @csrf

                    @if ($item->open == \App\Enums\PublicStatus::OPEN) //記事が公開されていれば非公開ボタン
                        <button class="btn btn-secondary btn-sm" formaction="close" name="id"
                            value="{{ $item->id }}">非公開にする</button>
                    @else
                        <button class="btn btn-success btn-sm" formaction="open" name="id"
                            value="{{ $item->id }}">公開する</button>
                    @endif

                    <button class="btn btn-primary btn-sm" formaction="edit" name="id"
                        value="{{ $item->id }}">編集</button>

                    <button class="btn btn-danger btn-sm" onclick="articleDelete(); return false;" formaction="delete"
                        name="id" value="{{ $item->id }}">削除</button>
                </form>
            </div>
        </div>
    </div>
@endforeach

Comments

[Lhankor_Mhy]

document.articleOptions には何が入っているのですか？

[tabuu]

form内に「name="submit"」となっている要素が存在しませんか？

[Y0shito]

tabuu様
確認しましたがありませんでした。

Lhankor_Mhy様
私の知識不足のせいか申し訳ないのですが、質問の意味が理解できません...
HTML側のarticleOptionのform内に他何が入っているか、ということでしょうか？

[tabuu]

削除のformにactionが設定されていませんが意図的でしょうか？
記事が複数存在する場合はどのように制御されていますか？

[Lhankor_Mhy]

わかりにくくてすみません。
エラーが出ている JavaScript に書かれているコードの document.articleOptions に何が入っているのか、デバッガーなどを用いて実際に確かめてみましたか？　ということがお聞きしたかったことです。

[Y0shito]

tabuu様
言葉で説明するよりコード見せたほうが早いと思い、該当コードを追記に載せます。また質問時に大幅にコードを端折ってしまいました。混乱させていまい申し訳ありません。

Lhankor_Mhy様
恥ずかしながらデバッグに関しては指摘を受けて初めて聞いたレベルで、至急デバッグしてみましたが、情報量が凄まじくどの情報を挙げればいいか分からりません。
おそらく期待している回答は不可能かと思います。申し訳ありません。

[Lhankor_Mhy]

でしたら、こちらもお役に立つは難しそうな気がします……

もしかすると、name="articleOptions" がたくさんあるのかもしれないです。
なんとなく、想像ですが。

[tabuu]

他の方も書かれているように、document.articleOptions.submit();
ではどのフォームか判断できないのではないでしょうか。

>記事が1件のみで削除するとログアウトされ、記事は削除されない

サーバ側ではおそらくformactionで制御されていると思いますがサーバに送信できていますか？