验证码现在已经广泛用在各种软件上，主要是用于登录与注册的校验。验证码的作用主要是防止恶意注册或暴力登录，早期验证码都是数字验证码，现在基本无法满足需求了，现在验证码已经发展成多种多样了，今天给大家推荐一款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('你已通过验证!');    }});

私信回复：1031