锐客网

  1. 首页 > 睿知 > it技术 > >

java验证码代码结论 java 验证码的验证和失效( 四 )

IT技术验证


.logo-container img {
width: 100px ;
}
.message-container {
height: 80px ;
}
.link-container {
height: 40px ;
line-height: 40px ;
}
.link-container a {
text-decoration: none ;
}
/style
/head
body
div class="container form-container"
form action="/wendao/regist.do" method="post"
div class="form" !-- 注册表单开始 --
div class="form-row"
span class="cell-1"
i class="fa fa-user"/i
/span
span class="cell-11" style="text-align: left;"
input type="text" name="username" placeholder="请输入用户名"
/span
/div
div class="form-row"
span class="cell-1"
i class="fa fa-key"/i
/span
span class="cell-11" style="text-align: left;"
input type="password" name="password" placeholder="请输入密码"
/span
/div
div class="form-row"
span class="cell-1"
i class="fa fa-keyboard-o"/i
/span
span class="cell-11" style="text-align: left;"
input type="password" name="confirm" placeholder="请确认密码"
/span
/div
div class="form-row"
span class="cell-7"
input type="text" name="verifyCode" placeholder="请输入验证码"
/span
span class="cell-5" style="text-align: center;"
img src="/images/defaultpic.gif"
/span
/div
div class="form-row" style="border: none;"
span class="cell-6" style="text-align: left"
input type="reset" value="https://www.04ip.com/post/重置"
/span
span class="cell-6"style="text-align:right;"
input type="submit" value="https://www.04ip.com/post/注册"
/span
/div
/div !-- 注册表单结束 --
/form
/div
/body
/html
效果如下图：
在控制台接收到的图片中验证码的变化如下：
当点击刷新页面的时候，验证码也会随着变化，但java验证码代码结论我们看不清验证码时 ， 只要点击验证码就会刷新 ， 这样局部的刷新可以用JavaScript来实现 。
在img
src="/images/defaultpic.gif"中，添加一个问号和一串后缀数字，当刷新时让后缀数字不断改变，那么形成的验证码也会不断变化，我们可以采用的一种办法是后缀数字用date代替，date获取本机时间，时间是随时变的，这样就保证java验证码代码结论了刷新验证码可以随时变化 。
代码如下：
function myRefersh( e ) {
const source = e.src ; // 获得原来的 src 中的内容
//console.log( "source : " + source) ;
var index = source.indexOf( "?" ) ;// 从 source 中寻找 ? 第一次出现的位置 (如果不存在则返回 -1 )
//console.log( "index : " + index) ;
if( index-1 ) { // 如果找到了 ?就进入内部
var s = source.substring( 0 , index ) ; // 从 source 中截取 index 之前的内容 ( index 以及 index 之后的内容都被舍弃 )
//console.log( "s : " + s) ;
var date = new Date(); // 创建一个 Date 对象的 一个 实例
var time = date.getTime() ; // 从 新创建的 Date 对象的实例中获得该时间对应毫秒值
e.src = https://www.04ip.com/post/s +"?time=" + time ; // 将 加了 尾巴 的 地址 重新放入到 src 上
//console.log( e.src ) ;
} else {
var date = new Date();
e.src = https://www.04ip.com/post/source +"?time=" + date.getTime();
}
}
如回答不详细可追问
JAVA验证码这个你可以把这段代码存在一个JSP页面中
然后这样引进来
a href="https://www.04ip.com/post/#"img src="/images/defaultpic.gif" onclick=this.src=https://www.04ip.com/post/this.src//a
这样就可以点击图版进行刷新了
至于后退失效或刷新，这样好像不能解决

推荐阅读


上一篇：redis的lua，redis的lua脚本语法

下一篇：2013中国网络游戏，2015网络游戏