如何用javascript实现验证码的切换,请高手指点!
我的代码如下:
(但是只能显示Encoder5.gif一张图片,如何修改,不用数据库能否实现???)
<DIV class=tip_off id=login_4 style="text-align: left"> 输入右侧图片中的字符 <IMG id=fujiama src="login.files/Encoder5.gif" border=1
name=fujiama></DIV>
我的代码如下:
(但是只能显示Encoder5.gif一张图片,如何修改,不用数据库能否实现???)
<DIV class=tip_off id=login_4 style="text-align: left"> 输入右侧图片中的字符 <IMG id=fujiama src="login.files/Encoder5.gif" border=1
name=fujiama></DIV>
{
var rand_test;
rand_test=document.form1.rand_test.value.trim();
if (rand_test.length==0)
{alert('请填写验证码。'); return false;}
else if (rand_test==document.random_value)
return true;
else
{alert('验证码填写错误。'); return false;}
}//下面是生成随机数function rnd()
{
var today=new Date();
var seed=today.getTime();
seed = (seed*9301+49297) % 233280;
return seed/(233280.0);
}function rand(number)
{
return Math.ceil(rnd()*number);
}
//下面是显示图片:function show_code()
{
var i,num;
var pic;
var tag;
document.random_value=""
num=rand(10);
switch(num)
{
case 1:pic="1";tag="1A43";break;
case 2:pic="2";tag="50J7";break; //图片所对应的字母序列
case 3:pic="3";tag="8900";break;
case 4:pic="4";tag="LU0E";break;
case 5:pic="5";tag="7727";break;
case 6:pic="6";tag="Y943";break;
case 7:pic="7";tag="35B1";break;
case 8:pic="8";tag="24P6";break;
case 9:pic="9";tag="M76M";break;
case 10:pic="0";tag="8LX5";break;
}
document.random_value=tag;
document.form1.img0.src="code/"+pic+".JPG";
}
第三步 在网页中显示它<body > ... <td height="26"><div align="right" >验证码:</div></td>
<td colspan="3"><input type="text" size="5" maxlength="4"> <img src="" width="100" height="32" alt=""> </td> ...</body>
这里好像有个源码验证码的