2012-11-09 来源:网络
【实例名称】
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>
【运行效果】
【难点剖析】
本例的难点就是两个数学方法:“Math.random()”和“Math.floor()”。“Math.ralldom()”产生0~l之间的随机数,而“Math.floor()”是获得一个数的整数部分,而不是四舍五入的整数。
【源码下载】
为了JS代码的准确性,请点击:JavaScript生成验证码(一) 进行本实例源码下载
相关文章