html实现同一个页面中多表单提交

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/pangqiandou/article/details/52832648
<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML >
<html>
  <head>
    <title>同一个页面中多表单提交</title>
    <script type="text/javascript">
       function myCheck1()
       {
          if(form1.text1.value=="")
          {
             alert("内容不能为空,请输入内容");
             form1.text1.focus();
             return ;
          }
          form1.submit();
       }
        function myCheck2()
       {
          if(form2.text2.value=="")
          {
             alert("内容不能为空,请输入内容");
             form2.text2.focus();
             return ;
          }
           form2.submit();
       }
        function myCheck3()
       {
          if(form3.text3.value=="")
          {
             alert("内容不能为空,请输入内容");
             form3.text3.focus();
             return ;
          }
           form3.submit();
       }
    </script>
  </head>
  
  <body>
    <form name="form1" method="post" action="#">
      表单一:<input name="text1" type="text">
       <input name="submit1" type="submit" value="提交" onclick="myCheck1();">
       </form>
     <form name="form2" method="post" action="#">
     表单二: <input name="text2" type="text">
      <input name="submit2" type="submit" value="提交" onclick="myCheck2();">
   </form>  
      <form name="form3" method="post" action="#">
     表单三:  <input name="text3" type="text">
      <input name="submit3" type="submit" value="提交" onclick="myCheck3();">
      <%
       request.setCharacterEncoding("UTF-8");
        String text1=request.getParameter("text1");
        String text2=request.getParameter("text2");
        String text3=request.getParameter("text3");
        String message="";
        if(text1!=null)
        { 
         message="你提交了第1个表单,表单内容为:"+text1;
         }
         if(text2!=null)
        { 
         message="你提交了第2个表单,表单内容为:"+text2;
         }
         if(text3!=null)
        { 
         message="你提交了第3个表单,表单内容为:"+text3;
         }
       %>
       <h2><%=message%></h2>
    </form>
  </body>
</html>
阅读更多
换一批

没有更多推荐了,返回首页