Отправить форму с кнопкой ввода

Question

С этим кодом я могу отправить форму, только если нажму кнопку.

Как я могу также отправить ее, если я нажму кнопку ввода, когда курсор находится на вводе ключевого слова?Например, я ввожу то, что ищу, и нажимаю ввод.

     $(document).ready(function(e) {

      $('#preloader').hide();

      $('#searchButton').click(function(e) {
          e.preventDefault();
          var keyword = $("input[name='keyword']").val();
          var kereses_helye = $("select[name='kereses_helye']").val();
          var kereses_rendezes = $("select[name='kereses_rendezes']").val();
          var kereses_sorrend = $("select[name='kereses_sorrend']").val();

          if (keyword != "") {
              $.ajax({
                  type: 'POST',
                  url: 'files/get_keszlet.php',
                  data: {
                      keyword: keyword,
                      kereses_helye: kereses_helye,
                      kereses_rendezes: kereses_rendezes,
                      kereses_sorrend: kereses_sorrend
                  },
                  dataType: "html",
                  cache: false,
                  beforeSend: function() {
                      $('#preloader').show();
                  },
                  success: function(data) {
                      var result = $.trim(data);
                      $('#result').html(result);
                  },
                  complete: function() {
                      $('#preloader').hide();
                  }
              });
          } else {
              alert("Nem adta meg, hogy mit keres.");
          }
      });
  });

Answer 1

Вы должны использовать событие отправки в jquery:

<form id="search-form">
  <input type="text" name="keyword"/>
  <button type="submit">Search</button> 
</form> 

$('#search-form').submit(function(){ 

   // Your code here

});

Answer 2

Как вы сказали, курсор будет в любом input,

Вы можете сделать с этим кодом jquery:

$('.input').keypress(function (e) {
  if (e.which == 13) { // 13 is the ASCII number of Enter key.
    sendRequest();    // Calling your function if Enter is pressed.
    return false;
  }
});

Answer 3

Напишите свою логику в другой функции и вызовите эту функцию при событии щелчка по событию нажатия клавиши.

Answer 4

Используйте событие нажатия клавиши и проверьте правильность нажатия клавиши

const input = document.querySelector('your-input-field');

input.addEventListener('keypress', event => {
  if (event.key === 'Enter') {
    // your code goes here
  }
});