jQuery技术

jquery.ajax的使用举例:用户提交前进行验证码是否正确检测

字号+ 作者:H5之家 来源:H5之家 2017-10-02 09:05 我要评论( )

jquery.ajax的使用举例:用户提交前进行验证码是否正确检测

在用户登录的页面上,通过会有一个验证码。现在点击登录前,要先验证验证码是否正确,正确才可以提交。平常的做法有两种:
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编程网),谢谢。


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评