如清晰度低,可转PC网页观看高清版本:
http://v.qq.com/x/page/b0567trsukm.html
版权声明:本视频、课件属本公众号作者所有,如有侵权,将追究法律责任。
视频课件:
需求:在输入验证码后,鼠标离开焦点,即校验验证码是否正确
流程梳理:
/checkCode.do->filter控制器->action->result->json数据
步骤:
1:编写jsp文件,增加验证码提示信息span
2:写function事件
$(function(){
$("#code").blur(function(){
var code = $("#code").val().trim();
if (code == "") {
$("#v_code").html("不能为空");
$(":submit").attr("disabled","disabled");
}else{
$.ajax({
url:"${pageContext.request.contextPath }/user/checkCode.do",
type:"post",
dataType:"json",
data:{"code":code},
success:function(result){
if (result.status == 1) {
$("#v_code").html(result.msg);
$(":submit").removeAttr("disabled");
}else{
$("#v_code").html(result.msg);
$(":submit").attr("disabled","disabled");
}
}
});
}
});
});
3:写的action
要从session中获取的code(系统生成),和参数进行对比
4:配置struts.xml文件,
1:<package name="demo2" extends="json-default" namespace="/user">
<!-- 校验验证码 -->
2:<action name="checkCode" class="ckeckCodeAction">
<result name="success" type="json">
<param name="root">returnMessage</param>
</result>
</action>