Вынужден дважды нажать кнопку отправки

Question

У меня Laravel 5.5 страница, которая имеет две формы, но использует один и тот же контроллер и метод.Первая форма предназначена для исходных данных, но вторая форма является формой поиска.Моя форма поиска работает, но только если вы дважды нажмете кнопку поиска, есть способ, которым я мог бы нажать один раз, чтобы отправить эту форму.

Просмотр

<form name="FormSearch" id="FormSearch" method="post" action="{!! action(MyController@index',$customID) !!}">
<input type="text" name="searchDets" id="searchDets" value="" />
<input type="submit" class="btn btn-default" name="searchMe" id="searchMe" value= "Search Me"/>
</form>

Js

$('#FormSearch').click(function(e){
    e.preventDefault();
    $('#filterSearchForm').submit();
}); 

Я бы хотел, чтобы моя страница просмотра была отправлена ​​один раз.

Answer 1

Прежде всего, я не смог найти элемент с идентификатором filterSearchForm, поэтому я сделал редактирование, которое при нажатии на него отправляет ту же форму (т.е. FormSearch):

$('#FormSearch').click(function(e){
    //e.preventDefault();
    $('#FormSearch').trigger('submit');
}); 

Я использовал инициируемое событие триггера, которое отправляет форму FormSearch при нажатии на форму FormSearch.

Вот как это работает:

$('#FormSearch').click(function(e) {
  //e.preventDefault();
  $('#FormSearch').trigger('submit');
});

$("#FormSearch").submit(function(e){
  e.preventDefault();
  alert('submitted');
});

#FormSearch{
  background: black;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="FormSearch" id="FormSearch" method="post" action="{!! action(MyController@index',$customID) !!}">
  <input type="text" name="searchDets" id="searchDets" value="" />
  <input type="submit" class="btn btn-default" name="searchMe" id="searchMe" value="Search Me" />
</form>

<p>
  ** Click anywhere on the black area.
</p>

Надеюсь, это было полезно.

Answer 2

Я столкнулся с той же проблемой, и это было связано с js-версией.Поэтому, пожалуйста, проверьте версию вашего jquery.validate.Вы можете получить более подробную информацию здесь дважды нажмите кнопку отправки вопроса