Question

我有一个定义为

的表单

<form class="edit_user" id="edit_user_7" action="/service-sign-up/user-agreement" accept-charset="UTF-8" method="post">

在同一页面上有更多内容，有提交按钮：

<a data-submit-form="true" data-form-id="account-details-form" class="btn btn-lg btn-grn" role="button" href="#">Next Step</a>

此链接（<a href="#">）不在<form>元素内，位于页面的最底部。

<a href="#" ...>元素如何提交表单？这是一个AJAX电话吗？

Answer 1

使用jquery提交表单：

<a data-submit-form="true" data-form-id="account-details-form" class="btn btn-lg btn-grn" role="button" href="#" id="btn_next">Next Step</a>

<script type="text/javascript">
$(document).ready(function(){
  $("#btn_next").click(function(){
    $(".edit_user").submit();
  });
});
</script>

Answer 2

Html表格

   

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>

<p>If you click the "Submit" button, the form-data will be sent to a page called "action_page.php".</p>

这个html如何提交表单？

2 个答案: