源代碼
點擊運行
<!DOCTYPE> <html> <head> <title>jQuery Validate 插件 - AJAX CAPTCHA(驗證碼)</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="AJAX,JHR,PHP,CAPTCHA(驗證碼),下載,PHP CAPTCHA(驗證碼),AJAX CAPTCHA(驗證碼),AJAX PHP CAPTCHA(驗證碼),下載 AJAX CAPTCHA(驗證碼),下載 AJAX PHP CAPTCHA(驗證碼)" /> <meta name="description" content="一個 AJAX CAPTCHA(驗證碼)腳本,使用 PHP 編寫的" /> <script src="http://static./assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static./assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="http://static./assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> <script type="text/javascript" src="http://static./assets/jquery-validation-1.14.0/demo/captcha/captcha.js"></script> <link rel="stylesheet" type="text/css" href="http://static./assets/jquery-validation-1.14.0/demo/captcha/style.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 id="captchaform" action=""> <fieldset> <div id="captchaimage"><a href="static/jquery-validation/demo/captcha/index.asp" id="refreshimg" title="點擊刷新圖像"><img src="/images/logo.png" width="132" height="46" alt="驗證碼圖像" /></a></div> <label for="captcha">請輸入上面圖片的字符(不區分大小寫):</label> <input type="text" maxlength="6" name="captcha" id="captcha" /> <input type="submit" name="submit" id="submit" value="檢查" /> </fieldset> </form> <p>如果您不能辨認圖像上的文本,請點擊圖像動態生成一個新的驗證碼。</p> </body> </html>
運行結果