BootWiki教程网
源代码：
点击运行
<!DOCTYPE> <html> <head> <title>jQuery Validate 插件 - AJAX CAPTCHA（验证码）</title> <meta content="text/html; charset=utf-8" http-equiv="Content-type" /> <meta content="AJAX，JHR，PHP，CAPTCHA（验证码），下载，PHP CAPTCHA（验证码），AJAX CAPTCHA（验证码），AJAX PHP CAPTCHA（验证码），下载 AJAX CAPTCHA（验证码），下载 AJAX PHP CAPTCHA（验证码）" name="keywords" /> <meta content="一个 AJAX CAPTCHA（验证码）脚本，使用 PHP 编写的" name="description" /> <script src="//www.bootwiki.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="//www.bootwiki.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="//www.bootwiki.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> <script src="//www.bootwiki.com/assets/jquery-validation-1.14.0/demo/captcha/captcha.js" type="text/javascript"></script> <link href="//www.bootwiki.com/assets/jquery-validation-1.14.0/demo/captcha/style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> img { border: 1px solid #eee; } p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; } p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; } fieldset label { display: block; } fieldset div#captchaimage { float: left; margin-right: 15px; } fieldset input#captcha { width: 25%; border: 1px solid #ddd; padding: 2px; } fieldset input#submit { display: block; margin: 2% 0% 0% 0%; } #captcha.success { border: 1px solid #49c24f; background: #bcffbf; } #captcha.error { border: 1px solid #c24949; background: #ffbcbc; } </style> </head> <body> <h1><acronym title="异步 JavaScript 和 XML">AJAX</acronym> <acronym title="用于区分计算机和人类的完全自动化的公共图灵测试">CAPTCHA（验证码）</acronym>，基于 <a href="http://psyrens.com/captcha/">http://psyrens.com/captcha/</a></h1> <form action="" id="captchaform"> <fieldset> <div id="captchaimage"><a href="demo_source/static/jquery-validation/demo/captcha/index.php" id="refreshimg" title="点击刷新图像"><img alt="验证码图像" height="46" src="demo_source/static/jquery-validation/demo/captcha/images/image.php?1395847946" width="132" /></a></div> <label for="captcha">请输入上面图片的字符（不区分大小写）：</label> <input id="captcha" maxlength="6" name="captcha" type="text" /> <input id="submit" name="submit" type="submit" value="检查" /> </fieldset> </form> <p>如果您不能辨认图像上的文本，请点击图像动态生成一个新的验证码。</p> </body> </html>
运行结果