使用javascript生成验证码

在网站登录或者提交表单的时候,可能会使用到随机的验证码。在这里我选用的前台代码javascript进行生成验证码,但是这样做只适合用在安全系数不高的网站。如果想更加保险一点,通常是用后台代码生成验证码返回到前台页面。好,下面开始:

用javascript生成验证码的主要思想是生成一个组随机数,在提交表单时,校验这组随机数是否相等。

其中javascript生成一个随机数的核心方法就是Math.random(); 这个方法能生成0~1的一个伪随机数。就是0.56326987,0.1569897846,0.89656654123。类似这些小数。这些小数貌似没有什么用。。。还要配合类外一个js函数:Math.floor();这个方法就是将一个数向下取舍。Math.floor(6.1) = 6; Math.floor(6.9) = 6 Math.floor(-0.5) = -1。根据这些例子就明白floor方法的作用了吧!

同个这两个方法的配合,你就可以生成全部为数字的一组随机数了。

var code = "";
code = Math.floor(Math.random() * 10);

通个上面的代码可以生成0-9其中一个数字。配个循环就可以生成不同长度的验证码!

但是如果你想验证码中带有非数字:这样就需要引入一个数组。

var codes = new Array("1","2","3","4","5","6","7","8","9","0","a","b","c","d");
int index = Math.floor(Math.random() * codes.length);
var code = codes[index];

通个上面的代码你可以生成任何你想要的字符作为验证码。(任何字符!!)

最后再提醒一下,前台生成验证码使用于安全系数不高的系统,要想更加保险请在后台生成验证码。

之后我会写一篇用jcaptcha + Spring Security3 后台生成验证码的例子,敬请关注。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值