2

我可以在表单外使用提交按钮，并且仍然在单击提交按钮时处理表单操作吗？下面是代码。我是编程新手。请帮我。

<body>
<input type="submit" name="submit" value="submit" />
<form action="" method="get" name="myform">
  <table width="200" border="1" cellspacing="10">
    <tr>
      <td>Name</td>
      <td><label for="name"></label>
      <input type="text" name="name" id="name" /></td>
    </tr>
    <tr>
      <td>email</td>
      <td><label for="email"></label>
      <input type="text" name="email" id="email" /></td>
    </tr>
    <tr>
      <td>Group</td>
      <td><input type="checkbox" name="IT" id="IT" />
        IT 
          <input type="checkbox" name="ECE" id="ECE" />
        <label for="ECE"></label>
        ECE
        <input type="checkbox" name="Mech" id="Mech" />
        <label for="Mech"></label>
        Mech</td>
    </tr>
    <tr>
      <td>Hobbies</td>
      <td><label for="hobbies"></label>
      <input type="text" name="hobbies" id="hobbies" /></td>
    </tr>
  </table>
</form>
</body>
4

4 回答 4

4

您可以使用 HTML5、纯 JavaScript 或 jQuery 来实现：

使用 JavaScript：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" onclick="document.forms[0].submit();" />

使用 jQuery：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" id="submitTheForm" />

$('#submitTheForm').click(function(){
    $('#theForm').submit();
});

使用 CSS（如果您出于审美原因只希望在表单之外使用它）：

一个更好的选择可能是将您的提交留在表单内，并使用 CSS 将其放置在其他位置（如果这是您希望它在表单之外的原因）。

使用 HTML5：

最后，您应该考虑使用 HTML5 的表单属性。请注意，所有主流浏览器（Chrome、Firefox、IE10）都支持它们，但旧版本的 IE（IE9、IE8 等）不支持。这也应该有效：

<form id="something" method="post"> 
<input type="text"/> 
</form> 

<input type="submit" form="something">
于 2013-03-24T16:07:44.103 回答
3

是的，您可以使用 jQuery 做到这一点

<a href="#" id="submit-form">Submit</a>
<form id="someid">

</form>

jQuery：

$("#submit-form").click(function(){
$("#someid").trigger("submit");
})
于 2013-03-24T16:10:26.627 回答
2

使用 jQuery ：

<form action="" method="get" name="myform" id="myform">
...
</form>

<input type="button" id="submitform" value="click me to submit the form" />

$('#submitform').click(function(){
    $('#myform').submit();
});
于 2013-03-24T16:09:37.693 回答
1

您必须使用一些 javascript 来实现这一点。这是一个例子

<input type="button" onclick="document.forms['myform'].submit()" value="Submit" />
于 2013-03-24T16:08:47.353 回答