QapTcha拖动验证码提交表单_jQuery插件_滑动_表单

本文以实例演示了如何拖动验证码解锁表单，支持手机触屏滑动。表单样式不是很漂亮，后期将推出新的漂亮的滑动验证码插件，敬请期待。

淘建站为您提供更多_jQuery插件_滑动_表单，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 370 次

打赏作者

觉得不错，可打赏下作者

下载资源

免费共享

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

分类：PHP功能模块 > 插件难易程度：中级

滑动验证码表单，action提交到当前页面

<form method="post" action="">
        <label>姓名</label> <input type="text" name="username" />
        <input type="submit" name="submit" value="提交表单" />
</form>

引入验证码插件

<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.touch.js"></script>
<script type="text/javascript" src="jquery/QapTcha.jquery.js"></script>

调用QapTcha验证码插件

$(document).ready(function() {
    $('.QapTcha').QapTcha();
});

PHP提交表单验证

<?php

if (isset($_POST['submit'])) {
    $response = '<div class="notice">';
    /** SESSION CONTROL * */
    if (isset($_SESSION['qaptcha_key']) && !empty($_SESSION['qaptcha_key'])) {
        $QaptChaInput = $_SESSION['qaptcha_key'];
        if (isset($_POST['' . $QaptChaInput . '']) && empty($_POST['' . $QaptChaInput . '']))
            $response .= '表单已提交<br />姓名 : ' . $_POST['username'];
        else
            $response .= '$_POST not empty or unexists';
    } else
        $response .= '没有SESSION.. 表单不能提交...';
    $response .= '</div>';
    echo $response;
    unset($_SESSION['qaptcha_key']);
}