内容导航:= code ) { //若输入的验证码与产生的验证码不一致时,//则弹出验证码输入错误,alert("验证码输入错误,if( <= 0) { //若输入的验证码长度为0
{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("^-^"); //弹出^-^
}
}