使用jquery onSubmit提交表单

时间:2017-04-03 17:20:29

标签: javascript jquery

我在jsp中有两种形式。我想使用jquery .submit函数提交第二个表单。

Form1中:

if (move == "bad") {
bad_move = "That's a bad move!";
} else if (move == "normal") {
normal_move = "Classic move!";
} else {
good_move = "Amazing move!";
}

窗口2:

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

Jquery的:

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

</form>

但第二种形式没有提交。任何人都可以在这里建议一个更好的工作解决方案。

1 个答案:

答案 0 :(得分:0)

在第二个表单中添加ID,然后在提交第一个表单时触发.submit()

&#13;
&#13;
$('#form').submit(function() {
  // do something
  $('#form2').submit();
});
&#13;
<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>
&#13;
&#13;
&#13;

如果你想用一个按钮提交两个表格,最好这样做:

&#13;
&#13;
$('#submit-forms').click(function() {
  // do something
  $('#form1').submit();
  $('#form2').submit();
});
&#13;
<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>
&#13;
&#13;
&#13;