Question

我在提交输入字段时遇到问题。我知道我不是第一个提出这个问题的人，但我查看了答案，但他们没有工作。

我在div中有一个输入字段和一个提交按钮。我的代码工作正常，您可以按下按钮进行搜索，但我无法在输入印刷机时提交。

HTML：

<div class="search singers" action="templates/search/search_singer.php" method="POST">
                <input name="search" type="text" id="search" placeholder="Search here for singers" onkeyup="autosug();" data-file="search_singers"/><input class="button" type="submit" value="Search" onclick="search();"/>
    <div id="output" class="output">

    </div>
</div>

Jquery代码：

var link = '#search';

//post input
$(function(){
  $(link).keydown(function(e){
      if (e.keyCode == 13) {
        $(link).submit();
        //He detect an enter press but stops then
      }
  });
});

我在this site上找到了Jquery代码这里有一个类似的问题：here

问题解决我认为我有一个函数可以让ajax请求将数据发送到php。我现在在输入时调用该功能。

Answer 1

您需要使用表单。因此，当您按Enter键时，将提交包含输入字段值的表单。

<div class="search singers">
    <form action="templates/search/search_singer.php" method="POST">
        <input name="search" type="text" id="search" placeholder="Search here for singers" onkeyup="autosug();" data-file="search_singers"/>
        <input class="button" type="submit" value="Search" onclick="search();"/>
    </form>
    <div id="output" class="output">

    </div>
</div>

Answer 2

你的表格应该是这样的。您忘记了代码中的表单标记，这就是表单无法提交的原因。

<div class="search singers">
 <form name='your  form' action="templates/search/search_singer.php" method="POST">
      <input name="search" type="text" id="search" placeholder="Search here for singers" onkeyup="autosug();" data-file="search_singers"/>
      <input class="button" type="submit" value="Search"/>
    </form>
        <div id="output" class="output">

        </div>
    </div>

第二件事你的autonsan功能就像这样

<script>
function autosug() {
    alert("You you are here");
}
</script>

输入字段未在提交时按提交

2 个答案: