2017-04-03 2 views
0

jsp에는 두 가지 양식이 있습니다. jquery .submit 함수를 사용하여 두 번째 양식을 제출하고 싶습니다.jquery를 사용하여 양식 제출 첫 번째 양식 제출

유치원 1 :

<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(); 
} 

그러나 두 번째 양식이 제출되지 않습니다. 누구든지 여기서 더 나은 해결책을 제안 할 수 있습니까?

+0

@ APAD1 첫 번째 양식 ID는 양식입니다. – step

답변

0

두 번째 양식에 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>
,536,

+0

그 덕분에. 하지만 난 왜 document.form2.submit 작동하지 않습니다 몰라요. – step

+0

하지만 문제가 발생했습니다. 두 번째 양식 만 제출되고 결과 페이지로 리디렉션됩니다. 그러나 첫 번째 양식은 제출이 중단됩니다. 제 2 양식을 제출 한 후에도 첫 양식을 어떻게 제출할 수 있는지 알려주십시오. – step

+0

'document.form2'는 유효한 선택자가 아닙니다. 그래서 그것이 작동하지 않는 이유입니다. 위의 두 가지 양식 모두 위의 코드와 함께 제출되며 문제가있을 수 있습니다. – APAD1