Jquery form.Submit() 无法使用另一个表单的提交按钮

Question

我有两种形式。在第二个表单中，我有一个按钮，单击该按钮后应该提交第一个表单。不知道为什么它不起作用。这是代码

$(document).ready(function() {
  $('#mysubmit').click(function() {
    $('#myform').submit();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form id="myform" action="" method="get" style="">
  <input type="hidden" name="state" value="{{csrf_token()}}" />
</form>

<form method="post" action="" class="form-horizontal" id="form_profile_update" name="form_profile_update">
  <button type="submit" id="mysubmit" class="todo-link btn btn-default emphasis" style="border:none;background-color: #0079BB;color:white;text-transform: uppercase;padding: 15px 20px;margin: 0 auto;display: block;">
                   
                    Connect </button>
</form>

Answer 1

将其设为按钮现在它提交自己的表单。

<button type="button"  

如果第二个按钮不需要存在于表单中，也可以删除它周围的表单标签

如果必须是提交，则添加preventDefault

$('#mysubmit').on("click",function(e) {
  e.preventDefault(); // cancel button action
  $('#myform').submit();
});