来源：互联网

目前网络上所使用的验证码，都是给出一张图片，然后要输入一些文字。这里我推荐一个很另类很给力的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();