一个页面提交多个表单

Posted Carina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个页面提交多个表单相关的知识,希望对你有一定的参考价值。

 1 办法1.同一个页面中建立两个表单 各自提交:
 2 
 3 <form action="?" name="form1" id="form1">
 4  <!-- 表单内容 -->
 5 <input type="submit" />
 6 </form>
 7 <form action="?" name="form1" id="form1">
 8  <!-- 表单内容 -->
 9 <input type="submit"  />
10 </form>
11 
12 办法2:如果非要只有一个表单的话,通过js提交:
13 
14 <script type="text/javascript" language="javascript">
15 function submitYouFrom(path){
16  $(form1).action=path;
17  $(form1).submit();
18 }
19 </script>
20 <form action="?" name="form1" id="form1">
21 
22  <!-- 表单内容 -->
23 <input type="button" value="提交1" onclick="submitYouFrom(‘地址一‘)"/>
24 <input type="button" value="提交2" onclick="submitYouFrom(‘地址二‘)"/>
25 </form>
26 
27 方法3:
28 
29 function submitYouFrom(mets,path){
30        $("#form1").attr("action",path); 
31        $("#form1").attr("method",mets); 
32        $(‘#form1‘).submit();
33 }
34 submitYouFrom(‘方式‘,‘路径‘);

 

以上是关于一个页面提交多个表单的主要内容,如果未能解决你的问题,请参考以下文章

一个页面里可以 存在多个from表单吗

Thymeleaf 以一种形式提交多个提交按钮

一个页面上有多个表单,并决定使用 PHP 提交哪个表单?

js总结(11)一个页面同时提交多个form表单的实施

一个页面提交多个表单

当同一页面上有多个使用同一个类时,如何验证电子邮件提交表单?