js之同一页面中的多表单提交

来源：互联网发布：怎么知道ftp端口是多少编辑：程序博客网时间：2024/05/29 02:39

主要应用参数的传递，通过传递参数值得不同获取不同的信息。首先设置3个显示表单数据的对象(text1,text2,text3)，并且设置其初始值为空字符串，其次通过request.getParameter()方法请求对应的表单参数，如果请求的参数不为空空字符串，则将参数赋给相应的对象，最后通过表单元素提交后相应的信息。

index.jsp

<%@ page contentType="text/html; charset=gbk" language="java" import="java.sql.*" errorPage="" %><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>同一个页中的多表单提交</title><link href="Css/Css.css" rel="stylesheet" type="text/css"></head><script language="javascript" type="">function Mycheck(){if(form1.text1.value==""){alert("请输入表单的内容！！！");form1.text1.focus();return;}form1.submit();}</script><script language="javascript" type="">function Mycheck1(){if(form2.text2.value==""){alert("请输入表单的内容!!");form2.text2.focus();return;}form2.submit();}</script><script language="javascript" type="">function Mycheck2(){if(form3.text3.value==""){alert("请输入表单的内容!!!");form3.text3.focus();return;}form3.submit();}</script><%request.setCharacterEncoding("gb2312");String text1="";String text2="";String text3="";String message="";if(request.getParameter("text1")!=null){text1=request.getParameter("text1");message="提交了第1个表单，提交内容为"+text1+"";}if(request.getParameter("text2")!=null){text2=request.getParameter("text2");message="提交了第2个表单，提交内容为"+text2+"";}if(request.getParameter("text3")!=null){text3=request.getParameter("text3");message="提交了第3个表单，提交内容为"+text3+"";}%><body><table width="368" height="261" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>    <td background="images/00.jpg"><table width="303" height="112" border="0" align="left" cellpadding="0" cellspacing="0">      <tr>        <td width="48">&nbsp;</td>        <td width="255" align="right"><table border="0" cellspacing="0" cellpadding="0" align="center">          <tr>            <td width="288"><form name="form1" method="post" action="?formid=1">        表单1：            <input name="text1" type="text" class="text" value="<%=text1%>">            <input type="button" name="submit1" value="提交" onClick="Mycheck();">            </form></td>          </tr>          <tr>            <td><form name="form2" method="post" action="?formid=2">        表单2：            <input name="text2" type="text" class="text" value="<%=text2%>">            <input type="button" name="submit2" value="提交" onClick="Mycheck1();">            </form></td>          </tr>          <tr>            <td><form name="form3" method="post" action="?formid=3">        表单3：            <input name="text3" type="text" class="text" value="<%=text3%>">            <input type="button" name="submit3" value="提交" onClick="Mycheck2();">            </form></td>          </tr>          <tr>            <td height="10" align="center">            <%if(!message.equals("")){%>            <%=message%>，            <a href="#" onClick="javascript:history.go(-1);">返回</a>            <%}%>            </td>          </tr>        </table></td>      </tr>    </table></td>  </tr></table></body></html>

Css.css

/* CSS Document */td {    font-size: 9pt;}input.text {    height: 20;    border: 1px solid;}input.button {    width: 40;    height: 18;    border: 1px solid;}input.file {    width: 300;    border: 1px solid;}textarea {    border: 1px solid;}A {    text-decoration: none;    color: black;}A:hover {    text-decoration: underline;    color: red;}A.nq {    text-decoration: none;    color: black;}A.nq:hover {    text-decoration: underline;    color: white;}text {    height: 20;    border: 1px solid;}

0 0

js之 同一页面中的多表单提交

js之同一页面中的多表单提交