素材牛VIP会员

QapTcha拖动验证码提交表单实例

 所属分类:PHP/MySql-常用实例教程

 浏览:5755次-  下载:148次-  评论:27次-  更新时间:2020-09-09
QapTcha拖动验证码提交表单实例
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:本文以实例演示了如何拖动验证码解锁表单,支持手机触屏滑动。表单样式不是很漂亮,后期将推出新的漂亮的滑动验证码插件,敬请期待。

基础属性

  • 难易中级
  • 语言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提交表单验证

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']); 
}

讨论这个素材(27)回答他人问题或分享使用心得会奖励牛币

谢***1  
2020年03月10日

可以图片滑动验证码

回复
Ho***95  
2020年03月11日

真的好,很不想偶啊

回复
隔***陈  
2020年03月15日

谢谢您的分享

回复
Jo***91  
2020年03月23日

太棒了~~~~~~超感謝

回复
lu***ha  
2020年04月07日

这样的效果体验很好!

回复
骨***活  
2020年04月21日

大家好,才是真的好

回复
负***丶  
2020年05月02日

这个牛逼,下来来用在留言上,防止垃圾评论

回复
封***榜  
2020年05月03日

别人能玩,可惜我没这个资格玩

回复
qw***23  
2020年05月04日

这个功能反刷很好!值得学习!

回复
hj***jh  
2020年05月09日

好东西。

回复
西***千  
2020年05月09日

我也看了,的确很好!

回复
遗***迹  
2020年05月19日

太棒了,很好的东西

回复
lh***81  
2020年05月22日

用于项目 可以感觉棒棒的

回复
zz***60  
2020年05月29日

完美 可以

回复
sc***29  
2020年06月12日

这个可以,比外面的有好一点

回复
km***04  
2020年06月24日

这个感觉棒棒的,我可以用于项目

回复
23***om  
2020年07月03日

还是那句话,,php是世界上最好的语言

回复
lo***ge  
2020年07月06日

很酷炫 学一下

回复
st***en  
2020年07月07日

很好的东西...

回复
ki***xx  
2020年07月17日

我可以用于项目 可以这个功能反刷很好!值得学习!

回复
jh***23  
2020年07月31日

页面有些简单了

回复
蜗***牛  
2020年08月02日

可以下来看看

回复
黄***得  
2020年08月20日

完美,和淘宝的一样。

回复
星***屋  
2020年08月24日

好,经常见到这个效果呀

回复
麦***气  
2020年09月04日

很好很强大啊

回复
do***lf  
2020年09月09日

很好很强大啊

回复
do***lf  
2020年09月10日

很好很强大啊,牛逼了

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:148
所需牛币:100 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)