Question

无论我尝试什么，我都无法提交我的搜索表单

<div id="search_bar_container" style="z-index:99999">
  <div class="container">
    <form action="tour-list-search-results.php" method="post" name="search_2" id="search_2">
      <div class="search_bar">

        <div class="nav-searchfield-outer">
          <input type="text" autocomplete="off" name="field-keywords" placeholder="Type your search terms ...." id="twotabsearchtextbox">
        </div>
        <div class="nav-submit-button">
          <input type="submit" onclick="this.form.submit();" name="button" id="button" class="nav-submit-input" value="Submit">
        </div>
      </div>

      <!-- End search bar-->
  </div>
</div>
<!-- /search_bar-->
</form>
</div>

Answer 1

这似乎工作正常，但你的HTML看起来无效。表单没有正确嵌套，你有一个额外的标签。

Answer 2

显然，您只需要整理HTML，当您点击按钮时，表单就会提交。

＆＃13;

$("form").submit(function( event ) {
   alert( "Form submitted" );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="search_bar_container" style="z-index:99999">
    <div class="container">
        <form action="tour-list-search-results.php" method="post" name="search_2" id="search_2">
            <div class="search_bar">
                <div class="nav-searchfield-outer">
                    <input type="text" autocomplete="off" name="field-keywords" placeholder="Type your search terms ...." id="twotabsearchtextbox" />
                </div>
                <div class="nav-submit-button">
                    <input type="submit" onclick="this.form.submit();" name="button" id="button" class="nav-submit-input" value="Submit" />
                </div>
            </div>
            <!-- End search bar-->
        </form>
    </div>
    <!-- /search_bar-->
</div>

＆＃13;

我已正确格式化您的HTML，并且您可以选择单击按钮提交表单。

Fiddle

在搜索栏中提交表单问题

2 个答案: