天天看點

WEB小結(2)——一次送出多個表單

    我們在開發的時候常常需要按一個按鈕然後送出多個表單,在這裡我在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()函數送出多個表單