在用户登录的页面上,通过会有一个验证码。现在点击登录前,要先验证验证码是否正确,正确才可以提交。平常的做法有两种:
1、到服务器端去验证输入的验证码是否正确,但这个验证是需要的,但我们希望在前台也对它进行验证。
2、在验证码表单中加上onblur事件,先异步去服务器端验证一下,成功后,在登录页面上某个地址保存1,否则保存0,提交的时候验证这个值是1还是0。缺点:通常验证码都是在提交按纽旁边,输入完验证码后就点提交按纽了,还没有来得及onblur,就先提交了,结果没有判断出验证码是否正确。
这里介绍一种方法来解决这个:使用jquery.ajax来实现,代码如下:
jQuery.ajax({
url:"/getValidateCode.html", //为检查验证码页面
type:"post",
data:{code:jQuery("#scode").val(),t:Math.random()}, //scode为验证码表单ID
async:false, //这里是重点,不能为true,否则不正确也会提交的。
success: function(value){
if(parseInt(value)!=2)
{
alert('验证码不正确,请修改');
jQuery("#loginpwd").val("");
return false;
}
else //等于2表示登录成功
return true;
}
});
原创文章,转载请注明来源(asp编程网),谢谢。