jQuery动态验证码插件 – MotionCAPTCHA

  categories:资料  author:

来源:互联网

目前网络上所使用的验证码,都是给出一张图片,然后要输入一些文字。这里我推荐一个很另类很给力的jQuery验证码插件,此验证码是显示一个图形,用户要照着图形画出来才算验证通过。

动态验证码

这个插件确实很与众不同,也挺有意思,对于使用触摸设备的用户会很方便。此插件目前的版本只是在客户端进行验证,在以后的版本中会增加服务端验证的支持,以及更多的浏览器支持。

如何使用

首先添加 jQuery 框架和MotionCAPTCHA 插件

<script src=”jquery.min.js”></script>
<script src=”jquery.motionCaptcha.0.2.js”></script>
<link rel=”stylesheet” href=”jquery.motionCaptcha.0.2.css”/>

然后添加 Form 表单,放一个 canvas 用来呈现验证码,并禁用提交按钮,同时放一 hidden 控件,如下

<form action=”#” method=”post” id=”mc-form”>
<div id=”mc”>
<canvas id=”mc-canvas”>
浏览器不支持canvas,请使用支持html5 canvas的浏览器
</canvas>
<input type=”hidden” id=”mc-action” value=”submit.aspx/” />
</div>
<input disabled=”disabled” autocomplete=”false” type=”submit” value=”Submit”>
</form>

最后初始化

$(‘#mc-form’).motionCaptcha();



快乐成长 每天进步一点点