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