📄 带验正码和肖像的jsp注册页面[页面效果1]_独霸天下.htm
字号:
<DIV class=stage>
<DIV class=stagepad>
<DIV style="WIDTH: 100%">
<TABLE class=modth cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=modtl width=7> </TD>
<TD class=modtc noWrap>
<DIV class=modhead><SPAN class=modtit>查看文章</SPAN></DIV></TD>
<TD class=modtc noWrap align=right></TD>
<TD class=modtr width=7> </TD></TR></TBODY></TABLE>
<DIV class=modbox id=m_blog>
<DIV class=tit>带验正码和肖像的jsp注册页面[页面效果1]</DIV>
<DIV class=date>2007年07月26日 星期四 15:41</DIV>
<TABLE style="TABLE-LAYOUT: fixed">
<TBODY>
<TR>
<TD>
<DIV class=cnt
id=blog_text>前几天上课时，老师要求大家写一个带注册的jsp页面，要求jsp页面注册填写信息，然后转到一个servlet页面来处理，最后将处理结果转到另一个jsp页面来显示，本来，这是一个简单的处理，但是，阿堂感觉到jsp的验正码的使用比起在asp用验正码简单多了，只需要写好一个相应的servlet类，然后，直接在jsp注册页面中用<FONT
color=#0000ff>img这个html标签</FONT>来调用处理就ok了。。所以，阿堂就将整个处理的方式帖上来，和java初学者们分享一下
<DIV>效果如下</DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV>
<DIV forimg="1"><IMG class=blogimg
src="带验正码和肖像的jsp注册页面[页面效果1]_独霸天下_files/08995854b867fb5a564e00b9.jpg"
border=0 small="0"></DIV></DIV>
<DIV>
<DIV forimg="1">
<P><IMG class=blogimg
src="带验正码和肖像的jsp注册页面[页面效果1]_独霸天下_files/5ddb1eb3f86164a9d9335aba.jpg"
border=0 small="0"></P>
<P></P>
<DIV forimg="1">
<P><IMG class=blogimg
src="带验正码和肖像的jsp注册页面[页面效果1]_独霸天下_files/33952b298abdc6f099250a85.jpg"
border=0 small="0"></P>
<P></P>
<DIV forimg="1">
<P><IMG class=blogimg
src="带验正码和肖像的jsp注册页面[页面效果1]_独霸天下_files/6594b9d33e56673a970a1686.jpg"
border=0 small="0"></P>
<P></P>
<DIV forimg="1"><IMG class=blogimg
src="带验正码和肖像的jsp注册页面[页面效果1]_独霸天下_files/3195af093d2ed02a6b60fb82.jpg"
border=0
small="0"></DIV></DIV></DIV></DIV></DIV></DIV></TD></TR></TBODY></TABLE><BR>
<DIV class=opt><A title=查看该分类中所有文章
href="http://hi.baidu.com/04023081/blog/category/Jsp">类别：Jsp</A> | <A
title=将此文章添加到百度搜藏 onclick="return addToFavor();"
href="http://cang.baidu.com/do/add" target=_blank>添加到搜藏</A> | 浏览(<SPAN
id=result></SPAN>) | <A
href="http://hi.baidu.com/04023081/blog/item/58da5ec2e7e70f37e4dd3b76.html#send">评论</A> (1)
<SCRIPT language=javascript>
/*<![CDATA[*/
var pre = [true,'Oracle导入、导出程序使用详解', 'Oracle导入、导出程序使用详解','/04023081/blog/item/9671a3fba68fe5204e4aea43.html'];
var post = [true,'带肖像和验正码的jsp注册页面[代码篇续2]','带肖像和验正码的jsp注册页面[代...', '/04023081/blog/item/cf7e20add467fc0b4a36d671.html'];
if(pre[0] || post[0]){
document.write('<div style="height:5px;line-height:5px;"> </div><div id="in_nav">');
if(pre[0]){
document.write('上一篇：<a href="' + pre[3] + '" title="' + pre[1] + '">' + pre[2] + '</a> ');
}
if(post[0]){
document.write('下一篇：<a href="' + post[3] + '" title="' + post[1] + '">' + post[2] + '</a>');
}
document.write('</div>');
}
/*]]>*/
</SCRIPT>
</DIV>
<DIV class=line></DIV>
<STYLE type=text/css>#in_related_doc A {
TEXT-DECORATION: none
}
</STYLE>
<DIV id=in_related_tmp></DIV>
<SCRIPT language=javascript type=text/javascript>
/*<![CDATA[*/
function HI_MOD_IN_RELATED_DOC_CALLBACK(arg){
if(arg.length <= 1) return false;
var hasMore = arg[0];
var D=function(A,B){A[A.length]=B;}
if(arg.length % 2 == 0) D(arg, ["","","",""]);
var html = ['<div id="in_related_doc"><div class="tit">相关文章：</div>'];
D(html, '<table cellpadding="0" cellspacing="3" border="0">');
for(var i = 1, j = arg.length; i < j; i += 2){
D(html, '<tr>');
D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i][3] + '/blog/item/' + arg[i][2] + '.html" target="_blank" title="' + arg[i][0] + '">' + arg[i][1] + '</a>');
D(html, new Array(10).join('\u3000'));
D(html, '</td>');
if(arg[i + 1][0] != "")
D(html, '<td width="15px"><a style="font-size:25px" >•</a></td><td><a href="http://hi.baidu.com/' + arg[i + 1][3] + '/blog/item/' + arg[i + 1][2] + '.html" target="_blank" title="' + arg[i + 1][0] + '">' + arg[i + 1][1] + '</a></td>');
else
D(html, '<td> </td><td> </td>');
D(html, '</tr>');
}
if(hasMore) D(html, '<tr><td colspan="4"><a target="_blank" href="/sys/search?pageno=1&type=7&sort=1&word=%B4%F8%D1%E9%D5%FD%C2%EB%BA%CD%D0%A4%CF%F1%B5%C4jsp%D7%A2%B2%E1%D2%B3%C3%E6%5B%D2%B3%C3%E6%D0%A7%B9%FB1%5D&item=58da5ec2e7e70f37e4dd3b76">更多>></a></td></tr>');
D(html, '</table></div><div class="line"> </div>');
var div = document.getElementById('in_related_tmp');
if(div){
div.innerHTML = html.join('');
while(div.firstChild){
div.parentNode.insertBefore(div.firstChild, div);
}
div.parentNode.removeChild(div);
}
}
if(RelatedDocData == -1){ // not supported xhr
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/sys/search?type=8&word=%B4%F8%D1%E9%D5%FD%C2%EB%BA%CD%D0%A4%CF%F1%B5%C4jsp%D7%A2%B2%E1%D2%B3%C3%E6%5B%D2%B3%C3%E6%D0%A7%B9%FB1%5D&item=58da5ec2e7e70f37e4dd3b76&t=' + new Date().getTime();
document.getElementsByTagName('HEAD')[0].appendChild(script);
}else if(RelatedDocData == null){
GetAndEval = true;
}else{
eval(RelatedDocData);
}
/*]]>*/
</SCRIPT>
<DIV id=in_reader>
<DIV class=tit>最近读者：</DIV>
<SCRIPT>
var g_spAnnony=true;
var g_read=[
["tiayahaige","6d306c3431303034303535386301","l410040558"],
["%D6%D8%C7%ECjk","01fbd6d8c7ec4a4b1004","重庆JK"],
["newwayceo","22256e657777617963656f0902","newwayceo"],
["wanghuagang","7b6577616e6768756167616e673c00","wanghuagang"],
["javajspprogram","a70b4a4156414a535050524f4752414dec01","JAVAJSPPROGRAM"],
["cnlv8","49da636e6c76384901","cnlv8"],
{}
];
g_read.length=g_read.length-1;
var _rh1="";
var _rh2="";
function wrreader(){
_rh1 += '<table width="100%" ><tr>';
_rh2+='<tr>';
if(g_spAnnony){
_rh1+='<td align="center" width="10%" ><img border="0" width="55" height="55" src="http://img.baidu.com/hi/img/portraitn.jpg"></td>';
_rh2+='<td> </td>';
if(g_read.length>0){
_rh1+='<td align="left" width="12%">';
}else{
_rh1+='<td align="left" width="100%">';
}
_rh1+="<a href='http://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u="+myref+"' target='_self'>登录</a>后，您就出现在这里。</td>";
_rh2+='<td> </td>'
}
if(g_read.length==0){
if(!g_spAnnony){
_rh1+='<td align=left width="100%">最近还没有登录用户看过这篇文章……</td>';
_rh2+='<td> </td>';
}
}else{
for(i=0,len=g_read.length;i<len;i++){
_rh1+='<td align="center" valign="bottom" width="10%" class="user"><a href="/'+g_read[i][0]+'" target="_blank"><img border="0" src="http://himg.baidu.com/sys/portraitn/item/'+g_read[i][1]+'.jpg"></a></td>';
_rh2+='<td align="center" valign="top" class="user"><a href="/'+g_read[i][0]+'" target="_blank">'+g_read[i][2]+'</a></td>';
}
}
_rh1+='<td width="100%"></td></tr>';
_rh2+='<td></td></tr></table>';
document.write(_rh1+_rh2);
}
wrreader();
</SCRIPT>
</DIV>
<DIV class=line></DIV>
<SCRIPT language=JavaScript>
allkey=allkey+"f7224fdf4e3bda1348540371_58da5ec2e7e70f37e4dd3b76_";
</SCRIPT>
<DIV id=in_comment><A name=comment></A>
<DIV class=tit>网友评论：</DIV>
<SCRIPT>
function writecmt(type,id,cmtname,cmturl,portraitId){
var html1="";
if(type==1){
html1="<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'><img border='0' src='http://himg.baidu.com/sys/portraitn/item/"+portraitId+".jpg'><br>"+cmtname+"</a>";
}else{
if(cmtname=="" || cmtname=="匿名网友"){
if(cmturl==""){
html1="<a>匿名网友</a>";
}else{
html1="<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'>"+cmtname+"</a>";
}
}else{
if(cmturl==""){
html1="<div class='f14' style='display:inline'>网友:<a>"+cmtname+"</a></div>";
}else{
html1="<div class='f14' style='display:inline'>网友:<a href='"+cmturl+"' target='_blank' title='"+cmturl+"'>"+cmtname+"</a></div>";
}
}
}
document.write(html1);
}
</SCRIPT>
<A name=85a918f76671e526720eecd7></A>
<TABLE class=item
style="TABLE-LAYOUT: fixed; OVERFLOW: hidden; WORD-WRAP: break-word"
cellSpacing=0 cellPadding=0 width="100%" border=0 ;>
<TBODY>
<TR>
<TD class=index vAlign=top width="5%">1</TD>
<TD vAlign=top align=middle width="10%">
<DIV class=user style="OVERFLOW: hidden">
<SCRIPT language=javascript>
writecmt(2,"85a918f76671e526720eecd7","匿名网友","","0000c4e4c3fbcdf8d3d10000");
</SCRIPT>
</DIV></TD>
<TD class=cnt style="PADDING-LEFT: 20px"><SPAN class=date>2007年12月29日 星期六
09:05 </SPAN>
<DIV class=desc
style="OVERFLOW: hidden; WORD-BREAK: normal">好像看不出什么效果啊</DIV></TD></TR></TBODY></TABLE>
<DIV class=line></DIV>
<DIV id=page></DIV></DIV>
<DIV id=in_send><A name=send></A>
<FORM id=popFormSubmit name=form1 onsubmit="return checkcmtform()"
action=/04023081/commit method=post><INPUT type=hidden value=8 name=ct> <INPUT
type=hidden value=1 name=cm> <INPUT type=hidden value=58da5ec2e7e70f37e4dd3b76
name=spBlogID>
<SCRIPT language=JavaScript>
document.write("<input type='hidden' name='spRefURL' value='"+window.location.href+"'>");
</SCRIPT>
<DIV class=tit>发表评论：</DIV>
<TABLE cellSpacing=5 cellPadding=0 width=620 border=0>
<TBODY>
<TR>
<TD class=f14>姓 名：</TD>
<TD><INPUT id=spBlogCmtor style="WIDTH: 220px" onfocus=hidErr(1);
tabIndex=1 maxLength=49 onchange="checkname('spBlogCmtor')"
name=spBlogCmtor>
<SCRIPT>
document.write(" <a href='http://passport.baidu.com/?reg&tpl=sp&return_method=get&skip_ok=1&u=http://hi.baidu.com/sys/reg/' target='_blank'>注册</a>");
document.write(" | <a href='http://passport.baidu.com/?login&tpl=sp&tpl_reg=sp&u="+myref+"'>登录</a>");
</SCRIPT>
<DIV id=nmerror style="DISPLAY: none">*姓名最长为50字节</DIV></TD></TR>
<TR id=1_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=1_err_con></DIV></TD></TR>
<TR>
<TD class=f14>网址或邮箱：</TD>
<TD><INPUT id=spBlogCmtURL style="WIDTH: 360px" onfocus=hidErr(2);
tabIndex=2 maxLength=128 onchange="checkeandu('spBlogCmtURL')"
name=spBlogCmtURL> (选填)</TD>
<SCRIPT>
G("spBlogCmtor").value="";
G("spBlogCmtURL").value="";
</SCRIPT>
</TR>
<TR id=2_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=2_err_con></DIV></TD></TR>
<TR>
<TD class=f14 vAlign=top>内 容：</TD>
<TD><TEXTAREA id=spBlogCmtText style="WIDTH: 520px; HEIGHT: 155px" onfocus=hidErr(3); tabIndex=3 name=spBlogCmtText></TEXTAREA>
<SCRIPT>
G("spBlogCmtor").value=G("spBlogCmtor").defaultValue;
G("spBlogCmtText").value="";
</SCRIPT>
</TD></TR>
<TR id=3_err style="DISPLAY: none">
<TD> </TD>
<TD>
<DIV class=error id=3_err_con></DIV></TD></TR>
<TR id=vercode>
<TD class=f14 vAlign=top>验证码：</TD>
<TD vAlign=top><INPUT type=hidden
value=FD6CBE3176756B49E7B6305051B989CE16299D3B210437911D99ED0D9927716A9FE76CF3601C0BD1B16628E699A1ACC3D126217D4F62D60DE21B18861AC59E5F
name=spVcode> <INPUT id=spVerifyKey tabIndex=4 maxLength=4 size=6
name=spVerifyKey autocomplete="off">请输入下图中的四位验证码，字母不区分大小写。<BR>
<SCRIPT language=JavaScript>
var imgsrc="http://tieba.baidu.com/cgi-bin/genimg?FD6CBE3176756B49E7B6305051B989CE16299D3B210437911D99ED0D9927716A9FE76CF3601C0BD1B16628E699A1ACC3D126217D4F62D60DE21B18861AC59E5F";
document.write("<img id='verifypic' src='"+imgsrc+"' width='120' height='40'>");
function newverifypic(){
document.getElementById("verifypic").src = imgsrc +"&t="+ Math.random();
}
</SCRIPT>
<A title=看不清左边的字符 href="javascript:newverifypic();">看不清?</A> </TD></TR>
<TR>
<TD class=f14 vAlign=top> </TD>
<TD class=f14 vAlign=top><INPUT id=btn_ok tabIndex=5 type=submit value=发表评论 name=btn_ok></TD></TR></TBODY></TABLE></FORM></DIV><BR></DIV>
<TABLE height=8 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=modbl width=7> </TD>
<TD class=modbc> </TD>
<TD class=modbr width=7> </TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV>
<SCRIPT language=javascript>
<!--
var hstr="/04023081/brwstat?key1=1";
document.write("<script src='"+hstr+"&key2="+allkey+"'><\/script>");
//-->
</SCRIPT>
<BR>
<CENTER>
<DIV id=ft>©2008 Baidu</DIV></CENTER>
<SCRIPT>
if(document.getElementById("m_blog"))
{
var imgarray = document.getElementById("m_blog").getElementsByTagName('img');
var imgw = document.getElementById("m_blog").offsetWidth;
imgw =imgw-40;
for(var i=0; i<imgarray.length; i++){
if(imgarray[i].className=="blogimg" && imgarray[i].width>=imgw) imgarray[i].width=imgw;
}
}
// Fix ff bugs
var blog_text = document.getElementById('blog_text');
blog_text.innerHTML = blog_text.innerHTML.replace(/href\s*=\s*("|')?(\.\.\/\.\.\/)/gi,"href=$1../$2");
</SCRIPT>
</CENTER><IMG style="DISPLAY: none" src=""> </BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -