JSP验证码实现-优快云博客

用jsp 验证码的步骤：

1、导入无缝刷新的js 文件 net.js

2、引入产生验证码图片

3、重新生成验证码

function show(o){

//重载验证码

var timenow = new Date().getTime();

o.src="random.jsp?d="+timenow; //用时间的意思是每次都不一样

}

4、获得验证码中显示的文字

String random = (String) session.getAttribute("random");

<html>

 <head>

  <title>图片验证</title>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  <script src="/js/net.js"></script>  //引入js文件

 </head>

 <body>

  AJAX(无刷新及时提示)验证码实例！

  <hr>

 <script type="text/javascript">

 function show(o){

  //重载验证码

  var timenow = new Date().getTime();

  o.src="random.jsp?d="+timenow;   //用时间的意思是每次都不一样       

 }

 </script>

  <form action="num.jsp" name="myform" method="post">

   您的姓名：

   <input type="text" name="name" size=10>

   (为了更好地说明此例，特加姓名一项)

   <br>

   验 证 码：

   <input type="text" name="num" size=10 maxlength="4">

   <img src="random.jsp" id="random">   //1、用这个生成验证码的jsp页面

   <a href="javascript:show(document.getElementById('random'))">验证码看不清</a>    //重新得到验证码

   <br>

   <br>

   <input type="submit" value=" 提交 ">

   <br>

   <div id=info style="color: red; padding: 10px; font-size: 12px;"></div>

  </form>

 </body>

</html>

js 文件与 random.jsp 文件请下载相应附件