验证码现在已经广泛用在各种软件上，主要是用于登录与注册的校验。验证码的作用主要是防止恶意注册或暴力登录，早期验证码都是数字验证码，现在基本无法满足需求了，现在验证码已经发展成多种多样了，今天给大家推荐一款C#实现的滑块验证码。
先看看效果：
项目简介
功能：用户拖动滑块完成时完成校验，支持PC端及移动端。并在后台保存用户校验过程的时间、精度、滑动轨迹等信息。
原理是将大图片分分为20份，并进行混淆拼接，支持自定义图片。
技术架构
1、.Net 4.0
2、C# + Jquery + Newtonsoft.Json
项目结构
核心代码
/// <summary> /// 校验前端是否通过验证 /// </summary> public void CheckCode(HttpContext context) { context.Response.ContentType = "text/plain"; string ls_point = context.Request["point"];//完成时x轴对于左上角位置位置 string datelist = context.Request["datelist"];//滑动过程特征 string timespan = context.Request["timespan"];//耗时 if (HttpContext.Current.Session["code"] == null) { WriteError(context, "发生错误"); return; } if (string.IsNullOrEmpty(ls_point)) { WriteError(context, "未获取到坐标值"); return; } int li_old_point = 0, li_now_point = 0; try { li_old_point = int.Parse(HttpContext.Current.Session["code"].ToString()); } catch { WriteError(context, "发生错误-1"); return; } try { li_now_point = int.Parse(ls_point); } catch { WriteError(context, "获取到的坐标值不正确"); return; } //错误 if (Math.Abs(li_old_point - li_now_point) > _deviationPx) { int li_count = 0; try { li_count = int.Parse(HttpContext.Current.Session["code_errornum"].ToString()); } catch { li_count = 0; } li_count++; if (li_count > _MaxErrorNum) { //超过最大错误次数后不再校验 HttpContext.Current.Session["code"] = null; Write(context, "{\"state\":-1,\"msg\":" + li_count + "}"); return; } HttpContext.Current.Session["code_errornum"] = li_count; //返回错误次数 Write(context, "{\"state\":-1,\"msg\":" + li_count + "}"); return; } if (SlideFeature(datelist)) { //机器人?? } //校验成功 返回正确坐标 HttpContext.Current.Session["isCheck"] = "OK"; HttpContext.Current.Session["code_errornum"] = null; HttpContext.Current.Session["code"] = null; Write(context, "{\"state\":0,\"info\":\"正确\",\"data\":" + li_old_point + "}"); }
使用方法
$("#__Verification").slide({imgspec:"200*100",successCallBack:function(){console.log("success");alert('你已通过验证!'); }});
