提交表单使用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>