最新赞助活动温馨提示:9.9元终身VIP,学生和没有工作的整站资源免费下载!
头像

QapTcha拖动验证码提交表单

来源:http://www.erdangjiade.com/ 二当家的 2015-10-17 04:40浏览(1707)

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

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,整站资源免费下载!3、¥9.9充值终身VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:782128964 在线 充值

QapTcha拖动验证码提交表单
分类:PHP > 插件 难易:中级
查看演示 下载资源: 127

关注微信号获取此Demo视频教程:

下载资源 下载积分: 40 积分

滑动验证码表单,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']);
}
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/535.html
评论5
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

  • 头像 4楼
    01-31 14:31
    qaz99200
    真好需要 下载看看 <br />
  • 头像 3楼
    07-30 19:49
    qqlixiangabc
    很不错的功能 看看啦
  • 头像 板凳
    05-04 14:02
    rooyzhang
    谢谢老板
  • 头像 椅子
    10-25 21:24
    mdgg007
    支持下载了
  • 头像 沙发
    03-23 10:44
    Code_
    支持下 现在盗用短信通道的太多
1 2