Как отправить заявку без отправки кнопки

Question

У меня есть форма, где у меня нет кнопки отправки, и на самом деле форма не отправила запрос на отправку, так что мой вопрос, как можно отправить запрос на клик?

@foreach($items as $item) 
     <form class="form-horizontal" role="form" method="post" action="{{ route('index', $item->id) }}"> 
      {{ csrf_field() }} 
      <div class="col-md-3"> 
       <div class="well"> 
        <a><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></a> 
        <h4 class="text-center">{{ $item->item_name }}</h4> 
       </div> 
      </div> 
     </form> 
     @endforeach 

Спасибо

Answer 1

Вы можете сделать это с JQuery. Это легко, если вы установите идентификатор вида:

$('form#form_id a').click(function(e){ 
    $('form#form_id').submit(); 
    e.preventDefault(); 
    return false; 
}); 

Но в вашем случае, если вы не имеете никакого смысла в подаче заявки после, но в любом случае выше должно работать.

Answer 2

Предполагая, что «Не использовать кнопку отправки» не является жестким требованием, и вы только при условии, что это происходит потому, что вы хотите использовать изображение:

Используйте кнопку отправки вместо ссылки.

<button><img class="img-responsive center-block" src="{{ $item->imagePath }}" alt=""></button> 

Вы можете установить фон по умолчанию и границы кнопки в сторону с помощью CSS.

Вы действительно должны иметь некоторый контент в атрибуте alt. Изображение не может быть бессмысленным декоративным изображением, если оно информирует пользователя о том, что нажатие на него сделает что-то.

Answer 3

дать идентификатор в форму таким образом

<form action="" id="frm-id" method="post" class="form-horizontal "> 

следующий вы JS метод будет как

$("#frm-id").submit(function(){ 
var form_data = $("#frm-id").serialize(); 
$.ajax({ 
      url: '/index/'+id, 
      type: "POST", 
    }); 
    }); 

В URL выше вам нужно свой маршрут, чтобы пойти в методе контроллера, как я написал. ...