Laravel。フォームタグのボタンが他のボタンと同じように動作しない

Question

パネル本体のボタンが機能しません。これはコードです：

<div class="panel-body"> 
       <table border="3"> 
        <!-- <div id="tray"></div> --> 
        @forelse($carts as $cart) 
         <div class="row"> 
          <div class="col-md-1">{{$cart->id}}</div> 
          <div class="col-md-3">{{$cart->name}}</div> 
          <div class="col-md-4"> 
           <div class="row clearfix"> 
            <div class="col-md-1"> 
             <form action="/restaurant/minus" method="POST"> 
              <input type="hidden" name="trayid" id="trayid" value="{{$cart->id}}"> 
              <input type="hidden" name="trayprice" id="trayprice" value="{{$cart->price}}"> 
              <button type="submit" class="btn btn-xs btn-primary" style="border-radius: 50%;" id="{{$menu->id}}"><i class="fa fa-minus" aria-hidden="true"></i></button> 
             </form> 
            </div> 
            <div class="col-md-4"> 
             <input type="number" min="1" value="{{$cart->quantity}}" style="width:40px;"> 
            </div> 
            <div class="col-md-1"> 
             <form action="/restaurant/plus" method="post"> 
              <input type="hidden" name="trayid" id="trayid" value="{{$cart->id}}"> 
              <input type="hidden" name="trayprice" id="trayprice" value="{{$cart->price}}"> 
              <button type="submit" class="btn btn-xs btn-primary" style="border-radius: 50%"><i class="fa fa-plus" aria-hidden="true"></i></button> 
             </form> 
            </div> 
           </div> 
          </div> 
          <div class="col-md-2"> 
           <input type="hidden" name="trayprice" value="{{$cart->price}}"> 
          </div> 
          <div class="col-md-1"> 
           <form action="/restaurant/delete" method="post"> 
            <input type="text" name="deleteid" id="deleteid" value="{{$cart->id}}"> 
            <button type="submit" class="btn btn-xs btn-danger" style="border-radius: 50%;"><i class="fa fa-trash" aria-hidden="true"></i></button> 
           </form> 
          </div>       
         </div> 
        @empty 
        @endforelse 
       </table> 
      </div> 

一方、私のパネル・ヘッダー内のボタンは動作しますが、それだけで体をクリアします。

<div class="panel-heading"> 
       <div class="row clearix"> 
        <form class="col-md-12" method="POST" action="/restaurant/cleartray"> 
         {{ csrf_field() }} 

         <p class="pull-left">Tray</p> 

         <button type="submit" class="btn btn-danger btn-xs pull-right"><i class="fa fa-eraser" aria-hidden="true"></i> Clear</button> 
        </form> 
       </div> 
      </div> 

ボタンが機能しなくなった構造に問題はありますか？

P.S：ルートターゲットにも到達しません。リフレッシュしたり、そのようなことはしません。ボタン自体が反応しないようです。

編集：私は、フォームのボタンがforelseループ内に入ると機能しないことを発見しました。

Answer 1

文字通りそれをデバッグして答えを得ました。

テーブルタグ内にフォームタグを持つことはうまくいかないことが判明しました。だから私はテーブルのタグを取り出した。 （私が最初にそれを持っていた理由を覚えていなかった）

Aaaaand voila！出来た！

Answer 2

は、私はあなたのようなあなたのルートアクションを変更することができると思う：

<form action="/restaurant/plus" method="post"> 

あなたのためにこの仕事希望

<form action="{{ url('restaurant/plus') }}" method="post"> 

TO！