表单提交可以使用html，但不能同时使用javascript

我想实现用户可以在网站上搜索，然后通过点击链接（触发javascript）过滤搜索结果，这样他就可以得到人而不是文章。就数据库和PHP而言，它是有效的，但当我尝试提交以下代码时：

<form id="searchform" class="navbar-form" role="search" method="post" action="/search">
                    {{ csrf_field() }}
                  <div class="input-group">
                      <input type="text" class="form-control" style="width: 300px;" placeholder="Search" name="searchterm" id="srch-term" value="<?php if(isset($searchterm)) { echo $searchterm; } ?>">
                      <div class="input-group-btn">
                          <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                      </div>
                  </div>
                  </form>

function submit() {
  document.getElementById("searchform").submit();
}

  <div class="list-group">
  <a href="#" class="list-group-item active">sounds</a>
  <a id="people" onclick="submit()" href="#" class="list-group-item">people</a>
  <a href="#" class="list-group-item">requests</a>
</div>

这就是我最初用来与数据库通信的内容，url会导致返回用户的PHP函数。（工程） 以下代码仅通过HTML按钮提交，而不是通过javascript提交表单的链接

    $("#searchform").submit(function(e){
  e.preventDefault();
  var form = $(this);
  $.ajax({
      type: "POST",
      url : "/search/people",
      data : form.serialize(),
      dataType : "json",
      success : function(data){
          if(data.length > 0) {
            console.log(data);
          } else {
            console.log('Nothing in the DB');
          }
      }
  }, "json");
});

当我按下链接时，我在控制台中没有得到任何结果，但通过搜索栏按钮（html），我在控制台中得到了一些东西

所以我想做的是处理代码中的第二个链接：

<form id="searchform" class="navbar-form" role="search" method="post" action="/search">
                    {{ csrf_field() }}
                  <div class="input-group">
                      <input type="text" class="form-control" style="width: 300px;" placeholder="Search" name="searchterm" id="srch-term" value="<?php if(isset($searchterm)) { echo $searchterm; } ?>">
                      <div class="input-group-btn">
                          <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                      </div>
                  </div>
                  </form>

function submit() {
  document.getElementById("searchform").submit();
}

  <div class="list-group">
  <a href="#" class="list-group-item active">sounds</a>
  <a id="people" onclick="submit()" href="#" class="list-group-item">people</a>
  <a href="#" class="list-group-item">requests</a>
</div>

我将提交javascript该部分不起作用。

---

关于我可以尝试什么有什么建议吗？

下面是一个代码的工作示例：

看起来很好

<form id="searchform" class="navbar-form" role="search" method="post" action="/echo/json">
  abc
  <div class="input-group">
    <input type="text" class="form-control" style="width: 300px;" placeholder="Search" name="searchterm" id="srch-term" value="">
    <div class="input-group-btn">
      <button class="btn btn-default" type="submit">Search</button>
    </div>
  </div>
</form>



$("#searchform").submit(function(e) {
   e.preventDefault();
   var form = $(this);
   $.ajax({
     type: "POST",
     url: "/echo/json",
     data: form.serialize(),
     dataType: "json",
     success: function(data) {
       if (data.length > 0) {
         console.log(data);
       } else {
         console.log('Nothing in the DB');
       }
     }
   }, "json");
 });

abc
搜寻
$（“#搜索表单”）。提交（功能（e）{
e、 预防默认值（）；
变量形式=$（此）；
$.ajax({
类型：“POST”，
url:“/echo/json”，
数据：form.serialize（），
数据类型：“json”，
成功：功能（数据）{
如果（data.length>0）{
控制台日志（数据）；
}否则{
log（“数据库中没有任何内容”）；
}
}
}“json”）；
});

这对您有帮助吗@veslavNo我忘了放东西了，我编辑了它也许你现在明白我的意思了。对不起，我还是不明白。你能创建一个片段吗？嗨，谢谢你试图帮助我，但我已经找到了解决方案。我的id命名错误，onclick应该是其他东西。所以我已经弄明白了。