时间戳

首页 > 解决方案 > 使用输入按钮提交表单

javascript - 使用输入按钮提交表单

问题描述

使用此代码，我只能在按下按钮时发送表单。

如果光标在关键字文本输入中时按回车按钮，我如何发送它？例如，我输入我正在搜索的内容，然后按 Enter。

     $(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.");
          }
      });
  });

标签： javascriptjqueryajaxforms

解决方案

使用按键事件并检查正确的键

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

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

推荐阅读