在一个页面上提交多个表单答案

【问题标题】：submit multiple forms on one page在一个页面上提交多个表单
【发布时间】：2012-04-30 18:25:16
【问题描述】：

我有一页上有一个搜索栏和一个评论表单。搜索栏有一些不错的小功能，例如实时搜索和建议，并通过 [ENTER] 提交。评论表单由 jquery-validate 插件验证，点击提交按钮提交。

搜索栏在它是唯一表单的页面上运行良好，但在启用评论表单的页面上，使用 [ENTER] 提交将不起作用。

我该怎么做才能让这成为可能？

代码如下：

搜索：

<form  action="/goto/doSearch.php">
    <label>Search</label>
    <input id="searchBox" type="text" name="search" value="type and hit enter">
</form>

评论：

<form id="rating" action="/goto/doComment.php" method="post">
   <input type="hidden" name="id" value="1"></input>
      <label for="cname">Name</label>
      <input class="required" id="cname" type="text" value="Your name" name="author">
      <input type="submit" name="submit" class="btn" value="Submit">
</form>

【问题讨论】：

详细说明“使用 [ENTER] 提交将不起作用”。
按回车提交commentform。
在第一个表单中添加了 method="get"，现在它可以工作了。非虚拟机

标签： jquery html forms submit

【解决方案1】：

我可以为您的问题看到的一个解决方案是为您的搜索字段制作一个按钮。因此，单击它会转到所需的页面。如果有的话，这将帮助您进一步诊断问题。只需确保将其命名为“提交”之外的其他名称即可。

例如...

<input type="submit" name="search" class="btn" value="Search">

否则，我注意到在您的代码中，comment form 有一个 id，但 search form 没有...这可能是个问题，但如果没有更多细节，我不确定。

【讨论】：