WEB登录页面加入简单验证码

1.0 找了几张数字图片，在登录页面做了简单的验证码，如下图：

2.0 验证码正确，登录系统，否则返回登录页面

3.0 index.jsp：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>    <title>登录页面</title><script type="text/javascript">function loginCheck() {         if(loginForm.userName.value == "") {alert("用户名不能为空，请输入用户名！");loginForm.userName.focus();return false;}if(loginForm.userPassword.value == "") {alert("密码不能为空，请输入密码！");loginForm.userPassword.focus();return false;}if(loginForm.verification2.value == "") {alert("验证码不能为空，请输入验证码！");loginForm.verification2.focus();return false;}if(loginForm.verification2.value != loginForm.verification1.value) {alert("验证码错误！");loginForm.verification2.focus();return false;}return true;}</script></head> <body><form name="loginForm" action="check.jsp" method="post" onsubmit="return loginCheck();"><table align="center"><tr align="center"><td colspan="2"><h1>欢迎登录</h1></td></tr><tr><td>用户名：</td><td><input name="userName" type="text"/></td></tr><tr><td>密  码：</td><td><input name="userPassword" type="password"/></td></tr><%//获取随机数int num1 = (int)(Math.random() * 10);int num2 = (int)(Math.random() * 10);int num3 = (int)(Math.random() * 10);int num4 = (int)(Math.random() * 10);String num = num1 + "" + num2 + num3 + num4;%><span style="color:#339999;background-color: rgb(255, 255, 255);"> <!-- 写一个隐藏域，用来进行验证比较 --></span><tr><td><input name="verification1" type="hidden" value="<%=num %>"/></td></tr><tr><td>验证码：</td><td><input name="verification2" type="text" style="width: 60px;"><img src="data:image/<%=num1 %>.png" /><img src="data:image/<%=num2 %>.png" /><img src="data:image/<%=num3 %>.png" /><img src="data:image/<%=num4 %>.png" /></td></tr><tr><td colspan="2"><input type="submit" value="提交"><input type="reset" value="重置"></td></tr></table></form></body>
</html>

4.0 check.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>    <title>检查页面</title></head><body><%String name = request.getParameter("userName");String password = request.getParameter("userPassword");String message;if(name.equals("li") && password.equals("123456")) {message = "可以登录系统！";} else {message = "用户名或密码错误！";}%><script type="text/javascript">alert("<%=message%>");window.location.href = 'login.jsp';</script></body>
</html>

WEB登录页面加入简单验证码相关推荐

uniapp登录页面加入图片验证码
uniapp登录页面加入图片验证码记录效果图参考文章 (侵删) https://www.jb51.net/article/210830.htm 该文章是在vue内实现图片验证码,和uniapp有一 ...
用HTML做一个简单的web登录页面,简单的JavaWeb注册登录案例
简单的JavaWeb注册登录案例 1.注册页面register.html register 姓名: 电话: 邮箱: qq: 2.注册案例实现程序register.java /** * 注册案例实现程序 ...
拒绝平庸--浅谈WEB登录页面设计
用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说 ...
拒绝平庸——浅谈WEB登录页面设计
用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说 ...
Web登录小案例(含验证码登录)
文件结构 druidpool.properties driverClassName=com.mysql.cj.jdbc.Driver url=jdbc:mysql://localhost:3306/m ...
软件测试自动化验证码,借助 OCR,协助绕过 web 自动化测试中一些简单验证码问题。...
前言做软件自动化的时候,最怕就是在登录的时候遇到验证码.以前的经验是让开发设置一个万能码或者把验证码屏蔽掉.现在人工智能发展很快,有一些库可以帮助我们识别这验证码,将这些库引入到我们自动化代码中,就 ...
拒绝平庸：优秀WEB登录页面设计
@Mr-Koki 关于登陆估计大家每天使用的都很频繁了,每次上网都会习惯性登陆下微博,淘宝,邮箱,空间等,在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面看一眼呢?下面就谈 ...
登录页面自动刷新验证码，并校验输入验证码和后台生成的验证码是否一致
登录jsp页面 <%@ page language="java" contentType="text/html; charset=UTF-8"pageEn ...
JS关于登录页面使用手机验证码登录
这两天在弄一个项目,登录页面打算用手机验证码登录. 需要使用到 jQuery和 ajax 用于验证手机号码输入框分别判断以下情况并作出弹窗警告 1:是否为空 2:是否为11位数字 3:是否是13,1 ...

WEB登录页面加入简单验证码

WEB登录页面加入简单验证码相关推荐

最新文章

热门文章