这个html如何提交表单？

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>