JavaWeb一个表单多个提交

shallwe小威

已于 2023-03-17 11:08:33 修改

阅读量1.7k

点赞数

分类专栏：看不懂系列，别点文章标签：前端 javascript html

于 2019-03-29 12:10:16 首次发布

本文链接：https://blog.csdn.net/qq_40774600/article/details/88888215

版权

看不懂系列，别点专栏收录该内容

7 篇文章

订阅专栏

本文介绍两种实现表单中多个提交按钮的方法，一种是通过JavaScript动态改变表单的提交地址，另一种是直接利用HTML5中的formaction属性指定不同的提交路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个表单多个提交按钮，提交到不同的Action：（每次只能提交到一个Action，有多种选择）例：

方式一：

1、表单中设置两个提交按钮：加密、解密；点击后分别调用不同的方法

<s:form id="Form" action="" namespace="/">
  <button onclick="encrypt()">加密<button>
  <button onclick="decrypt()">解密</button>
<s:form>

2、在不同的函数中设置要提交的地址

<script>
//点击加密按钮调用此方法
function encrypt(){
  //跳转到encrypt.aciton
  document.getElementById("Form")
 .action="${pageContext.request.contextPath}/enAndDeAction_encrypt.action?";
  document.getElementById("Form").submit;
 }
 
 //点击加密按钮调用此方法
function decrypt(){
document.getElementById("Form")
.action="${pageContext.request.contextPath}/enAndDeAction_decrypt.action?";
document.getElementById("Form").submit;
 }
<script>

方式二：使用form自带的formaction属性

<form action="/test1.action" method="get">
  姓名: <input type="text" name="name" /><br />
  密码: <input type="password" name="password" /><br />
<input type="submit" value="提交1" />//提交到test1.action，方式为GET
<input type="submit" formmethod="post" formaction="/test2.action" value="使用 POST 提交" />//提交到test2.action，方式为POST
</form>

//参考地址：
https://blog.csdn.net/jinchunzhao123/article/details/81042692
w3cSchool