内容导航:= code ) { //若输入的验证码与产生的验证码不一致时,//则弹出验证码输入错误,alert("验证码输入错误,if( <= 0) { //若输入的验证码长度为0
  • 基于JavaScript短信验证码如何实现javascript技巧
  • 怎样用JavaScript实现验证码的验证
  • {title3}
  • {title4}
  • {image}

    一 、基于JavaScript短信验证码如何实现javascript技巧

    我们在使用移动、电信等运营商网上营业厅的时候 ,为确保业务的完整和正确性,经常会需要用到短信的验证码 。最近因为某省业务需要,也做了个类似的功能。

    原理很简单 ,就是在用户点击"获取验证码"的时候 ,Ajax获取一串固定位数的数字,然后写数据库发短信,写Cookie设置验证码的有效期。

    JS请求验证码如下:

    前端要处理的工作基本如上 ,现在要在HttpHandler中添加逻辑了,为了防止Js生成的验证码不符规则,我们在后端重新生成一次:

    这里为了方便 ,祥行喊验证码的有效期验证就用Cookie来完成 。在业务提交的时候,会获取客户端的这个Cookie,看是否存在 ,如果不存在肯定就是过期了 。如果后续业务扩展可能会考虑加上数据库的谨野有效期验证,以及一些其它的规则,比如带镇一小时、一天内限制发送验证码的条数(总不能让你无限制的发送短信吧) 等等。

    二 、怎样用JavaScript实现验证码的验证

    用JavaScript实现验证码的验证主要代码如下:
    var code ; //在全局定义验证码

    //产生验证码
    = function createCode(){
    code = "";
    var codeLength = 4;//验证码的长度
    var checkCode = tById("code");
    var random = 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');//随机数
    for(var i = 0; i < codeLength; i++) {//循环操作
    var index = (()*36);//取得随机数的索引(0~35)
    code += random[index];//根据索引取得随机数加到code上
    }
    = code;//把code值赋给验证码
    }
    //校验验证码
    function validate(){
    var inputCode = tById("input").se(); //取得输入的验证码并转化为大写
    if( <= 0) { //若输入的验证码长度为0
    alert("请输入验证码!"); //则弹出请输入验证码
    }
    else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
    alert("验证码输入错误!@_@"); //则弹出验证码输入错误
    createCode();//刷新验证码
    tById("input").value = "";//清空文本框
    }
    else { //输入正确时
    alert("^-^"); //弹出^-^
    }
    }

    三 、{title3}

    {content3}

    四、{title4}

    {content4}
    本文版权归趣营销www.SEOgUrublog.com 所有,如有转发请注明来出,竞价开户托管,seo优化请联系QQ卍61910465