提交表單使用jquery onSubmit的第一種形式

Question

我在jsp中有兩種形式。我想用jquery .submit函數提交第二個表單。

Form1中：

<form name="form1" id="form" action="\saveUser"> 
    user info' 
</form> 

窗口2：

<form name="form2" action="https://api/saveUser"> 

</form> 

的Jquery：

$('#form').submit(function() { 
    // do something 
    document.form2.submit(); 
} 

但第二種形式沒有提交。任何人都可以請在這裏建議一個更好的工作解

Answer 1

添加一個ID爲第二形態，然後火.submit()上提交的第一種形式：

$('#form').submit(function() { 
 
    // do something 
 
    $('#form2').submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="form1" id="form" action="\saveUser"> 
 
    <input type="text" /> 
 
    <input type="submit" /> 
 
</form> 
 

 
<form name="form2" id="form2" action="https://api/saveUser"> 
 
    <input type="text" /> 
 
    <input type="submit" /> 
 
</form>

如果你想用一個按鈕提交兩種形式，它可能會更好地做到這一點是這樣的：

$('#submit-forms').click(function() { 
 
    // do something 
 
    $('#form1').submit(); 
 
    $('#form2').submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="form1" id="form" action="\saveUser"> 
 
    <input type="text" /> 
 
</form> 
 

 
<form name="form2" id="form2" action="https://api/saveUser"> 
 
    <input type="text" /> 
 
</form> 
 

 
<button id="submit-forms">Submit</button>