jsp登录页面,调用javascript实现输入有效性验证

本文主要是实现了jsp调用javascript代码。
内容:使用jsp实现了一个简单的登录界面,点击登录调用javascript代码,对用户的输入有效性进行验证-判断输入是否为空;

代码:
(1)login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<script type="text/javascript">
  <!--
    function validate_required(field,alerttxt)
    {
      with (field)
      {
        if (value==null||value=="")
        {
          alert(alerttxt);
          return false
        }
        else {
          return true
        }
       }
     }

    function validate_form(thisform)
    {
      with (thisform)
      {
         if (validate_required(uname,"账号不能为空")==false)
        {
          uname.focus();
          return false;
        }
        if (validate_required(upass,"密码不能为空")==false)
        {
          upass.focus();
          return false;
        }
      }
     }
 -->
</script>
</head>

 <body>
  <form action="loginManager.jsp" onsubmit="return validate_form(this)" method="post">
    账  号: <input type="text" name="uname" size="30">
    <br/>
    密  码: <input type="text" name="upass" size="30">
    <br/>
    <input type="submit" value="登  录">
    </form>
 </body>

</html>

(2)loginManager.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录处理</title>
  </head>

  <body>

    <%
      String uname=request.getParameter("uname");
      String upass=request.getParameter("upass");
    
      if(uname==null || upass==null){
            System.out.println("参数为空");

      }else{
          if(uname.equals("wzt") && upass.equals("wzt")){
              response.sendRedirect("main.jsp");//路径001

          }else{
              response.sendRedirect("login.jsp");
          }
      }
    %>
  
  </body>
</html>

(3)main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>欢迎来到主界面</title>
  </head>

  <body>
    <%
      out.println("Hello, welcome to Main jsp.");
    %>
  </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,483评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,492评论 25 709
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 34,592评论 18 399
  • 但是年轻的小女孩们总是抱着对爱情的憧憬,希望自己能够拥有一个自己喜欢的老公,过着浪漫的生活。今天让我们一起看看哪些...
    白白的星座阅读 487评论 0 0
  • 几天前得到开了一个001号知识发布会。我作为一个资深吃瓜群众,回看了一下优酷的现场视频,觉得蛮不错的呀。热热闹闹,...
    AaronWu阅读 722评论 4 1

友情链接更多精彩内容