jsp简单登陆界面加图形验证码,新手必备(二)验证码刷新

如何实现登陆界面验证码的刷新功能?

  • 在通过Maven配置好web服务后,在webapp文件夹中我们建立一个login.jsp文件
    在这里插入图片描述

  • <head>标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

  • <body>元素定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

  • 建立完以后我们将之前写的代码(一)中的LoginController类复制过来,修改一下

  • 需要注意的是我们可以在<body></body>中间插入脚本片段,这边有两种格式
    在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>简单登陆页面</title>
    </head>
    <body>
    <%
    //内置对象request,response,pageContext,session,application,config,out,page,用于异常的,共九个
    String loginName = request.getParameter("loginName");
    String loginPwd = request.getParameter("loginPwd");
    String validCode = request.getParameter("validCode");

    String saveCode = (String) request.getSession().getAttribute("code");//用强转不用tostring,否则会空指针异常
    //response.getWriter().println("欢迎登陆");

    String msg = null;
    if (StrUtil.isBank(loginName) && StrUtil.isBank(loginPwd)) {
   
        msg = "<font size = '20'>请输入账号密码!</font>";
    } else {
   
        if (StrUtil.isBank(validCode)) {
   
            msg = "<font size = '20'>请输入验证码!</font>";
        } else {
   
            if (validCode.equalsIgnoreCase(saveCode)) {
   //比较验证码,不区分大小写
                //登陆名称是你的学号,密码是1234,那么显示下面的内容,否则,显示用户账户或密码错误
                if ("5197101250".equals(loginName) && "1234".equals(loginPwd)) {
   
                    msg = "<font size = '20'>欢迎" + loginName + "登陆</font>";
                    
                } else {
   
                    msg = "<font size = '20'>账号或密码错误!</font>";
                }
            } else {
   
                msg = "<font size = '20'>验证码错误!</font>";
            }
        }
    }
%>
        <form action="" name="login" method="post">
            登陆名称:<input type="text" name="loginName"><br>
            登陆密码:<input type="password" name="loginPwd"><br>
            验证码值:<input type="text" name="validCode" size="4">
            <img src="CaptcheController.jsp" ><br><
  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值