HTML代码:
<body onLoad="createCode()">
<!--
整个html打开可以看到效果,不包含验证码背景图片,自己找一个命名为code.jpg就有背景了,
js验证码比jsp验证码好处在于:对于一个注册或者登陆页面,如果想通过点击提交按钮触发js事件,
那么jsp用的是(String)session.getAttribute("rand");那么对于刷新图片后,session不能立刻保存为新值,
验证就永远不能通过,反之js用的是一个全局变量不需要session
这个程序既可以直接验证,也可以点击验证码刷新一个新的验证码(当原来的验证码看不清楚的时候),再验证
-->
<style type="text/css">
.code
{
background-image:url(code.jpg);
font-family:Arial;
font-style:italic;
color:Red;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged
{
border:0;
}