我們在開發的時候常常需要按一個按鈕然後送出多個表單,在這裡我在body中設定兩個表單,在按表單1的送出按鈕時一起送出
表單1和表單2:
test.html:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>使用者登入界面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function submitit(){
//第一個表單
var tform1= document.getElementById("action1");
//第二個表單
var tform2= document.getElementById("action2");
//送出第一個表單
tform1.submit();
//送出第二個表單
tform2.submit();
}
</script>
</head>
<body>
<form id="action1" name="foration1" action="/maven-web/login" method="post" >
使用者名:<input type="text" name="userName"/><br/>
密碼:<input type="password" name="password"/><br/>
<input type="submit" value="送出" onClick="submitit();"/>
</form>
<form id="action2" name="foration2" action="/maven-web/login2" method="post">
使用者名2:<input type="text" name="userName1"/><br/>
密碼2:<input type="password" name="password1"/><br/>
<input type="submit" value="送出"/>
</form>
</body>
</html>
關鍵點:
通過表單id擷取表單對象,通過onClick事件和submit()函數送出多個表單