jquery.ajax开发实例:用户提交前进行验证码是否正确检测

2019-03-2115:53:12WEB前端开发Comments2,514 views字数 587阅读模式

在用户登录的页面上,通过会有一个验证码。现在点击登录前,要先验证验证码是否正确,正确才可以提交。平常的做法有两种:
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;
}
});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10212.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10212.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10212.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/10212.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定