蓝森林首页 | 返回主页 | 本站地图 | 站内搜索 | 联系信箱 |
 您目前的位置:首页 > 自由软件 > 技术交流 > 应用编程


    

蓝森林 http://www.lslnet.com 2006年8月25日 8:28

JavaScript实现表单输入验证码之问题请教

本人学着写了一个JavaScript实现表单输入验证码,我一朋友说要是用户输入验证码错误后,验证码能自动更新一个就好了,可是想了好久也没有实现,请大虾出手相助,在此谢谢了

http://www.olay.xinwen365.net/check.htm

查看此网页

这种验证码几乎没意义

JavaScript实现表单输入验证码之问题请教

对不起大家了,上面的那个链接不能用了,我还是把脚本代码粘上吧 :

<script language="JavaScript">
// code_length设置验证码的位数
function ger_code(code_length) {
  var rand_aa="";
  var code=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","!","@","#","$","%","&","*","(",")","-","_","|","?","/");
  var code_Num=code.length;  //数组长度
  for(i=0;i<code_length;i++)
   {
     var ran_ss=parseInt(Math.random()*code_Num);
    rand_aa+=String(code[ran_ss]);
   }
document.write("&nbsp;验证码&nbsp;<input type=text name=check_code size="+code_length+" value="+rand_aa+" class=blank_bg maxsize=5 readonly=true>");
}

</script>


<form name=log action="" method="post" onSubmit="return check_form()">
<table width="400" height="112" border="1" align="center" bordercolor="#CCCCCC">
  <tr>
    <td colspan="3"><div align="center"><b>用户登录</b></div></td>
  </tr>
  <tr>
    <td width="86"><div align="right">用户名</div></td>
    <td colspan="2"><input name=uname type="text" size="22" /></td>
  </tr>
  <tr>
    <td><div align="right">密码</div></td>
    <td colspan="2"><input  name=pwd type="password" size="22" /></td>
  </tr>
  <tr>
    <td><div align="right">输入验证码</div></td>
    <td width="154"><input  name=check_str type="text" size="22" /></td>
    <td width="138"><script language="JavaScript">ger_code(5);  //设置验证码的位数</script></td>
  </tr>
  <tr>
    <td colspan="3"><div align="center">
      <table width="35%"  border="0">
        <tr>
          <td><div align="center"><input type=submit value=提交 /></div></td>
          <td><div align="center"><input type=reset value=重置 /></div></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
</form>
<script language="JavaScript">
function check_form(){
  if(log.uname.value=="")
   {
     alert("用户名不能为空!");
     log.uname.focus()
     return false;
   }
  if(log.pwd.value=="")
   {
     alert("密码不能为空!");
     log.pwd.focus()
     return false;
   }
  if(log.check_str.value=="")
   {
     alert("验证码不能为空!");
     log.check_str.focus();     
     return false;
   }
  if(log.check_str.value!=log.check_code.value)
   {
     alert("输入验证码错误!");
     log.check_str.focus();
     return false;
   }
return true();
}
</script>

<style type=text/css>
.blank_bg {
     background-color:#000000;
     color:#FFFFFF;
     border-width:0px;
}
</style>




Copyright © 1999-2000 LSLNET.COM. All rights reserved. 蓝森林网站 版权所有。 E-mail : webmaster@lslnet.com