多表单传值-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_56312692/article/details/120635233

本文详细描述了一个登录页面的实现，包括账号密码验证、跳转逻辑和用户信息传递。dl.jsp通过JavaScript进行输入验证，dl_result.jsp用于接收并隐藏用户姓名，ym3.jsp则展示最终的账号和姓名。

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

题目：

建一个登录页dl.jsp,包含账号，密码，登录和退出两个按钮，只有当账号是jk174,密码是“146908”时，才登录成功到页面dl_result.jsp，否则弹出窗口“账号或密码不正确”,在dl_result.jsp显示一个文本框，用于输入用户姓名，输入之后，提交，在ym3.jsp中显示用户账号和姓名。

代码（主体）1：dl.jsp



<html>
  <head>

<script type="text/javascript">
 function work(){
      account=document.form2.account.value;
      password=document.form2.password.value;
    
       if(account!="jk174"){
      alert("账号不正确");
      document.form2.account.focus();
      return ;
      }
       else if(password!="146908"){
      alert("密码不正确!");
      document.form2.password.focus();
      return ;
      }
      else
       form2.submit();
 }
</script>
  </head>
  <body>
  登录界面<br>
   <form action="dl_result.jsp" name="form2" method="post">
  账号：<input type="text" name="account"><br>
  密码：<input type="password" name="password"> <br>
  <input type="button" onclick="work()" value="登录"> 
    <input type="button" onclick="history.back()" value="退出"> 
   </form>
  </body>
</html>

代码（主体）2：dl_result.jsp

<body>
     请输入用户姓名:<br>
    <form action="ym3.jsp" name="form3" method="post">
      <%
    request.setCharacterEncoding("UTf-8");
    String account=request.getParameter("account");
    %>
         用户名：<input type="text" name="user"><br>
   <input type="hidden" name="account" value="<%=account %>"><br>
    <input type="submit"  value="提交"> <br>
   
   </form>
  </body>

代码（主体）3：ym3.jsp


  <body>
    <%
    request.setCharacterEncoding("UTf-8");
    String account=request.getParameter("account");
    out.print("账号："+ account +"<br>"); 
    String user=request.getParameter("user");
    out.print("用户名："+ user +"<br>");
     %>
  </body>