jsp 验证码

用jsp 验证码的步骤:

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

    <script src="/js/net.js"></script>

 

  2、引入产生验证码图片

   <img src="random.jsp" id="random">

 

 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 文件 请下载相应附件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值