当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JavaScript生成验证码(一)

JavaScript生成验证码(一)

2012/11/9 11:31:10作者:佚名来源:网络

移动端

【实例名称】

JavaScript生成验证码(一)

【实例描述】

为了防止一些自动注册程序,在网站注册新用户或登录时通常需要填写验证码。本例学习如何使用.JavaScript制作验证码。

【实例代码】

<HTML> <HEAD> <TITLE>生成验证码-学无忧(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript"> function createCode(len) {  var seed = new Array(     'abcdefghijklmnopqrstuvwxyz',     'ABCDEFGHIJKLMNOPQRSTUVWXYZ',     '0123456789'    );               //创建需要的数据数组  var idx,i;  var result = '';   //返回的结果变量  for (i=0; i<len; i++) //根据指定的长度  {   idx = Math.floor(Math.random()*3);  //获得随机数据的整数部分-获取一个随机整数   result += seed[idx].substr(Math.floor(Math.random()*(seed[idx].length)), 1); //根据随机数获取数据中一个值  }  return result;  //返回随机结果 } </SCRIPT> </HEAD> <BODY> 验证码长度: <SELECT id="sel"> <option value=1>1</option> <option value=3>3</option> <option value=5>5</option> <option value=7 selected>7</option> <option value=9>9</option> </SELECT> <BR> 生成: <INPUT TYPE="text" id="txtCode"> <INPUT TYPE="button" VALUE="生成" ONCLICK="txtCode.value=createCode(sel.value)"> </BODY> </HTML>

【运行效果】

 JavaScript生成验证码(一)运行效果

【难点剖析】

本例的难点就是两个数学方法:“Math.random()”和“Math.floor()”。“Math.ralldom()”产生0~l之间的随机数,而“Math.floor()”是获得一个数的整数部分,而不是四舍五入的整数。

【源码下载】

为了JS代码的准确性,请点击:JavaScript生成验证码(一) 进行本实例源码下载 

标签: JavaScript  验证