JSP验证码学习笔记

1、我们在做JSP验证码的时候往往由于要反作弊，验证有时故意加入多的干扰因素，这时JSP验证码显示不很清楚，用户经常输入错误。这样不但要重新刷新页面，导致用户没有看清楚验证码而重填而不是修改，而且如果没有用session保存下用户输入的其它数据的话(如姓名)，用户刚刚输入的内容也不存在了，这样给用户造成不好的体验。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、做网站、眉山网络推广、小程序制作、眉山网络营销、眉山企业策划、眉山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供眉山建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

2、本例在原有验证方式基础之上增加一段js，通过xmlhttp来获取返回值，以此来验证是否有效，这样即使用户浏览器不支持js，也不会影响他的正常使用了。

3、为了防止作弊，当用户连接3次输入错误时则重载一下图片，这样也利于用户因为图片上的验证码辨认不清而使其终无法输入正确。

4、本例还特别适合检验用户名是否有效，只要从后台做个sql查询，返回一个值或是xml即可。(这种例子太多 ，就在此不赘述了)。

5、本例的优点在于非常方便用户输入，而且减少对服务器端的请求，可以说既改善用户体验而且略会节省带宽成本，但相应地要在页面上增加一段JavaScript代码，在目前网速越来越快人们要求便捷舒适的今天，似乎我们更应注意提供给用户良好的使用感受。

代码如下：

1、img.jsp,输入主页面

<%@ page contentType="text/html; charset=GBK" language="java"
import="java.sql.*" errorPage="" pageEncoding="GBK"%>
<%
//set Chinese Char 
//Cody by JarryLi@gmail.com;
//homepage:jiarry.126.com
request.setCharacterEncoding("GBK");
response.setCharacterEncoding("GBK");
response.setContentType("text/html; charset=GBK");
%>






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

<%
String num=request.getParameter("num");
String random=(String)session.getAttribute("random");
String name=request.getParameter("name");
if(num!=null&&random!=null&&name!=null)
{
 if(num.equals(random))
 {  
  out.println("
恭喜您，验证码输入成功，这里是提交结果页面，可以写入数据库了！
返回再测试
");
  out.println("您的名字是："+name);
  out.println("
");
  out.println("您输入的是："+num);
  out.println("验证码是："+random);
  out.println("");
   return;//javascript:history.go(-1)
  }
}
%>

     
      
 onsubmit="return validata(this);">
您的姓名： (为了更好地说明此例，特加姓名一项)

验 证 码：
      
      
验证码看不清

2、num.jsp,反馈xmlhttp请求的页面

3、random.jsp,生成验证码图片的页面

4、net.js,封装好的xmlhttp对象，可以很方便的调用

 
 
 
      
  
  
  1. namespacingobject*/varnet=newObject();net.READY_STATE_UNINITIALIZED=0;
    net.READY_STATE_LOADING=1;  
    2.   
  
  
  2. net.READY_STATE_LOADED=2;net.READY_STATE_INTERACTIVE=3;  
    3.   
  
  
  3. net.READY_STATE_COMPLETE=4;  
    4.   
  
  
  4. contentloaderobjectforcross-browserrequests  
    5.   
  
  
  5. net.ContentLoader=function(url,on_load,on_error,method,params,contentType){  
    6.   
  
  
  6. this.req=null;  
    7.   
  
  
  7. this.on_load=on_load;  
    8.   
  
  
  8. this.on_error=(on_error)?on_error:this.defaultError;  
    9.   
  
  
  9. this.loadXMLDoc(url,method,params,contentType);  
    10.   
  
  
  10. }  
    11.   
  
  
  11. net.ContentLoader.prototype.loadXMLDoc=function(url,method,params,contentType){  
    12.   
  
  
  12. if(!method){  
    13.   
  
  
  13. method="GET";  
    14.   
  
  
  14. }  
    15.   
  
  
  15. if(!contentType&&method=="POST"){  
    16.   
  
  
  16. contentType='application/x-www-form-urlencoded';  
    17.   
  
  
  17. }  
    18.   
  
  
  18. if(window.XMLHttpRequest){  
    19.   
  
  
  19. this.req=newXMLHttpRequest();  
    20.   
  
  
  20. }  
    21.   
  
  
  21. elseif(window.ActiveXObject){  
    22.   
  
  
  22. //addtrycatch;try{  
    23.   
  
  
  23. this.req=newActiveXObject("Msxml2.XMLHTTP");  
    24.   
  
  
  24. }  
    25.   
  
  
  25. catch(e1){  
    26.   
  
  
  26. try{  
    27.   
  
  
  27. this.req=newActiveXObject("Microsoft.XMLHTTP");  
    28.   
  
  
  28. }  
    29.   
  
  
  29. catch(e2){  
    30.   
  
  
  30. }  
    31.   
  
  
  31. }  
    32.   
  
  
  32. ////this.req=newActiveXObject("Microsoft.XMLHTTP");  
    33.   
  
  
  33. }  
    34.   
  
  
  34. if(this.req){  
    35.   
  
  
  35. try{  
    36.   
  
  
  36. varloader=this;  
    37.   
  
  
  37. this.req.onreadystatechange=function(){  
    38.   
  
  
  38. net.ContentLoader.onReadyState.call(loader);  
    39.   
  
  
  39. }  
    40.   
  
  
  40. this.req.open(method,url,true);  
    41.   
  
  
  41. if(contentType){  
    42.   
  
  
  42. this.req.setRequestHeader('Content-Type',contentType);  
    43.   
  
  
  43. }  
    44.   
  
  
  44. this.req.send(params);  
    45.   
  
  
  45. }  
    46.   
  
  
  46. catch(err){  
    47.   
  
  
  47. this.on_error.call(this);  
    48.   
  
  
  48. }  
    49.   
  
  
  49. }  
    50.   
  
  
  50. }net.ContentLoader.onReadyState=function(){  
    51.   
  
  
  51. varreq=this.req;  
    52.   
  
  
  52. varready=req.readyState;  
    53.   
  
  
  53. if(ready==net.READY_STATE_COMPLETE){  
    54.   
  
  
  54. varhttpStatus=req.status;  
    55.   
  
  
  55. if(httpStatus==200||httpStatus==0){  
    56.   
  
  
  56. this.on_load.call(this);  
    57.   
  
  
  57. }  
    58.   
  
  
  58. else{  
    59.   
  
  
  59. this.on_error.call(this);  
    60.   
  
  
  60. }  
    61.   
  
  
  61. }  
    62.   
  
  
  62. }net.ContentLoader.prototype.defaultError=function(){  
    63.   
  
  
  63. alert("errorfetchingdata!"+"\n\nreadyState:"+this.req.readyState+"\nstatus:
    "+this.req.status+"\nheaders:"+this.req.getAllResponseHeaders());  
    64.   
  
  
  64. } 
    65.

以上介绍JSP验证码学习笔记

【编辑推荐】

  1. JSP开发技术应用详解
  2. 详解JSP开发环境的配置
  3. JScript、Java、JavaScript和JSP总结
  4. 详解JSP开发环境的配置
  5. 详解ASP和JSP比较

本文题目：JSP验证码学习笔记
当前URL：http://www.csdahua.cn/qtweb/news12/287762.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

成都快上网为您推荐相关内容

网站收录知识

同城分类信息

资阳网站建设　　 　成都发电机维修保养公司　　 　小谭网创广告　　 　成都app软件开发公司　　 　网站建设　　 　UI设计　　 　成都翻译公司　　 　网站域名　　 　成都网站推广　　 　草坪音箱　　 　德阳东方电机技改　　 　成都微信公众号开发　　 　腾讯云香港空间　　 　消防工程　　 　移动服务器托管　　 　西信服务器托管　　 　成都app软件开发　　 　腾讯云香港虚拟主机　　 　蜜朵婚庆　　 　成都网站设计