Jquery form.Submit（）不工作提交按钮从另一种形式

我有两种形式。在第二种形式中，我有一个按钮，点击时应该提交第一个表单。不知道为什么它不起作用。下面是代码Jquery form.Submit（）不工作提交按钮从另一种形式

$(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>

来源

2017-08-02 Aaron

使它成为一个按钮现在它提交自己的表单。 '

[阻止一个表单提交并提交另一个表单的可能性是否可靠？]（https://stackoverflow.com/questions/ 4193612/prevent-one-form-submission-and-submitting-another-is-this-approach-reliab） – nedmund

你在做什么来阻止提交第二个表单？ – j08691

使它成为一个按钮，现在它提交其自己的形式。

<button type="button"

也去掉周围的第二个按钮形式的标签，如果它并不需要住在一个形式

如果它必须是一个提交，然后加入了preventDefault

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

来源

2017-08-02 17:22:46 mplungjan

无需使用JavaScript，您可以使用form属性车主表单关联。

该按钮与其关联的表单元素（其表单所有者）。该属性的值必须是同一文档中元素的id属性。

<button form="myform" type="submit" id="mysubmit" class="todo-link btn btn-default emphasis" >

来源

2017-08-02 17:18:49 Satpal

以前从未见过......听起来不太可能在旧版浏览器中工作 – mplungjan

Jquery form.Submit（）不工作提交按钮从另一种形式

回答

相关问题