如何一次提交两个职位表格？

Question

我正在建立一个django网站，我的代码是：

 <script type="text/javascript"> $("#lxwjsubmit").click(function(){ var userId=$('#id_user1').val(); var password=$('#id_password1').val(); var newtable2='<table id="table2"><tr><th></th><td><input type="text" name="userId" value="'+userId+'" /></td></tr><tr><th></th><td><input type="password" name="password" maxlength="100" value="'+password+'" /></td></tr></table>' $('#table2').html(newtable2); document.getElementById('form2').submit(); document.getElementById('form1').submit(); }) </script> 

 <div class="form-group"> <form action="" method="POST" id='form1'> <table> <tr><th></th><td><input type="text" name="user" id="id_user1" /></td></tr> <tr><th></th><td><input type="password" name="password" id="id_password1" /></td></tr> </table> <input type="button" value="submit" id='lxwjsubmit'> </form> </div> <div class="form-group"> <form action="http://localhost/Login.do" method="POST" id='form2' hidden='true' > <table id="table2"> <tr><th></th><td><input type="text" name="userId" /></td></tr> <tr><th></th><td><input type="password" name="password" /></td></tr> </table> <input type="button" value="submit" > </form> </div> 

我可以单独提交每个表格。 放在一起时，只能提交一种表格。 您能纠正我吗？ 还是有更优雅的方式来提交两种不同的形式？

Answer 1

$("#form2").ajaxSubmit({url: 'server.php', type: 'post'})
$("#id_user1").ajaxSubmit({url: 'server.php', type: 'post'})

Ajax提交jQuery

Answer 2

您不能一口气提交多份表格，每次提交只能提交一份表格。 有一些选项：

• 用一种大格式替换它，并使用<fieldset> ，现在有了<form> 。
• 提交第一个表单时，获取另一个表单的值，然后通过隐藏字段将其添加到第一个表单。 需要一些JavaScript，并且需要维护。
• 您可以使用AJAX post()提交它们（组合或单独），但这必须适合您的情况。 Ajax可能会使事情变得比所需的复杂。

还有更多解决方法。 我建议您使用第一个，因为它可以使您的代码更加整洁并易于理解。 没有多少人期望一次性提交两种表格。