首页 / PHP / php+js实现极验，拖动滑块验证码验证表单

php+js实现极验，拖动滑块验证码验证表单

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php+js实现极验，拖动滑块验证码验证表单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5053字，纯文字阅读大概需要8分钟。

内容图文

现在很多网站，比如淘宝，京东等都改用使用极验拖动验证码实现登录，这种方式比传统的验证码方式有更好的体验，减少用户输入的错误，也同样能起到防盗刷的功能。现在很多极验都是第三方的，也很多都是收费的。今天在这里给大家分享自己用原生php实现的一个极验的代码。用原生php的好处就是以后你要嵌套到什么框架，可以直接用核心代码，改一改就好了。

极验拖动动画图

php+js实现极验，拖动滑块验证码验证表单 - 文章图片

代码文件截图

php+js实现极验，拖动滑块验证码验证表单 - 文章图片

代码实现
html文件

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>极验滑块拖动验证码-码农社区-web视频分享网</title>
    <script type="text/javascript" src="tn_code.js?v=35"></script>
    <link rel="stylesheet" type="text/css" href="style.css?v=27" />
<style type="text/css"></style>
</head>
<body style="text-align:center;">
<div class="tncode" style="text-align: center;margin: 100px auto;"></div>
<script type="text/javascript">
$TN.onsuccess(function(){
//验证通过
});
</script>

php文件：check.php

<?php
require_once dirname(__FILE__).'/TnCode.class.php';
$tn  = new TnCode();
if($tn->check()){
        $_SESSION['tncode_check'] = 'ok';
    echo "ok";
}else{
        $_SESSION['tncode_check'] = 'error';
    echo "error";
}

?>

主要核心文件：TnCode.class.php

<?php
class TnCode
{
    var $im = null;
    var $im_fullbg = null;
    var $im_bg = null;
    var $im_slide = null;
    var $bg_width = 240;
    var $bg_height = 150;
    var $mark_width = 50;
    var $mark_height = 50;
    var $bg_num = 6;
    var $_x = 0;
    var $_y = 0;
    //容错象素 越大体验越好，越小破解难道越高
    var $_fault = 3;
    function __construct(){
        //ini_set('display_errors','On');
        //
        error_reporting(0);
        if(!isset($_SESSION)){
            session_start();
        }
    }
    function make(){
        $this->_init();
        $this->_createSlide();
        $this->_createBg();
        $this->_merge();
        $this->_imgout();
        $this->_destroy();
    }

    function check($offset=''){
        if(!$_SESSION['tncode_r']){
            return false;
        }
        if(!$offset){
            $offset = $_REQUEST['tn_r'];
        }
        $ret = abs($_SESSION['tncode_r']-$offset)<=$this->_fault;
        if($ret){
            unset($_SESSION['tncode_r']);
        }else{
            $_SESSION['tncode_err']++;
            if($_SESSION['tncode_err']>10){//错误10次必须刷新
                unset($_SESSION['tncode_r']);
            }
        }
        return $ret;
    }

    private function _init(){
        $bg = mt_rand(1,$this->bg_num);
        $file_bg = dirname(__FILE__).'/bg/'.$bg.'.png';
        $this->im_fullbg = imagecreatefrompng($file_bg);
        $this->im_bg = imagecreatetruecolor($this->bg_width, $this->bg_height);
        imagecopy($this->im_bg,$this->im_fullbg,0,0,0,0,$this->bg_width, $this->bg_height);
        $this->im_slide = imagecreatetruecolor($this->mark_width, $this->bg_height);
        $_SESSION['tncode_r'] = $this->_x = mt_rand(50,$this->bg_width-$this->mark_width-1);
        $_SESSION['tncode_err'] = 0;
        $this->_y = mt_rand(0,$this->bg_height-$this->mark_height-1);
    }

    private function _destroy(){
        imagedestroy($this->im);
        imagedestroy($this->im_fullbg);
        imagedestroy($this->im_bg);
        imagedestroy($this->im_slide);
    }
    private function _imgout(){
        if(!$_GET['nowebp']&&function_exists('imagewebp')){//优先webp格式，超高压缩率
            $type = 'webp';
            $quality = 40;//图片质量 0-100
        }else{
            $type = 'png';
            $quality = 7;//图片质量 0-9
        }
        header('Content-Type: image/'.$type);
        $func = "image".$type;
        $func($this->im,null,$quality);
    }
    private function _merge(){
        $this->im = imagecreatetruecolor($this->bg_width, $this->bg_height*3);
        imagecopy($this->im, $this->im_bg,0, 0 , 0, 0, $this->bg_width, $this->bg_height);
        imagecopy($this->im, $this->im_slide,0, $this->bg_height , 0, 0, $this->mark_width, $this->bg_height);
        imagecopy($this->im, $this->im_fullbg,0, $this->bg_height*2 , 0, 0, $this->bg_width, $this->bg_height);
        imagecolortransparent($this->im,0);//16777215
    }

    private function _createBg(){
        $file_mark = dirname(__FILE__).'/img/mark.png';
        $im = imagecreatefrompng($file_mark);
        header('Content-Type: image/png');
        //imagealphablending( $im, true);
        imagecolortransparent($im,0);//16777215
        //imagepng($im);exit;
        imagecopy($this->im_bg, $im, $this->_x, $this->_y  , 0  , 0 , $this->mark_width, $this->mark_height);
        imagedestroy($im);
    }

    private function _createSlide(){
        $file_mark = dirname(__FILE__).'/img/mark2.png';
        $img_mark = imagecreatefrompng($file_mark);
        imagecopy($this->im_slide, $this->im_fullbg,0, $this->_y , $this->_x, $this->_y, $this->mark_width, $this->mark_height);
        imagecopy($this->im_slide, $img_mark,0, $this->_y , 0, 0, $this->mark_width, $this->mark_height);
        imagecolortransparent($this->im_slide,0);//16777215
        //header('Content-Type: image/png');
        //imagepng($this->im_slide);exit;
        imagedestroy($img_mark);
    }

}
?>

代码下载地址

http://aso.39gs.com/tncode/tncode.rar

内容总结

以上是互联网集市为您收集整理的php+js实现极验，拖动滑块验证码验证表单全部内容，希望文章能够帮你解决php+js实现极验，拖动滑块验证码验证表单所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/758336.html

来源：【匿名】

【上一篇】我的Magento网站被黑了,这个php代码做了什么？【下一篇】PHP 5 数据对象 (PDO) 抽象层与 Oracle

更多 ►

【php+js实现极验，拖动滑块验证码验证表单】教程文章相关的互联网学习教程文章

Ajax和PHP正则表达式验证表单及验证码

模式匹配符：\：转义字符例如：\b转义了b ^：正则表达式开始符号 $：正则表达式结束符号 *：匹配前面的字符出现0次或者n次 +：匹配前面的字符出现1次或者n次 ?：匹配前面的字符出现0次或者1次 .：匹配除了换行符以外的所有单个字符 |：或者的意思，例如x|y 匹配x或者y {n}：匹配前面的n个字符 {n,m}：匹配至少n个最多m个前面字符 [xyz]：匹配中括号里的任意一个字符 [^xyz]：匹配除了中括号里的任意一个字符等价于[0-9] \w：匹配任...

php具体验证表单流程【图】

比如有界面我要验证他都不能为空具体js和php要怎么验证呢就是说点提交那刻不符合的不能提交鼠标离开也给提示我每次验证都知道要验证但是具体流程顺序不知道怎么走是定义方法啊还是怎样呢求高手指教回复内容：比如有界面我要验证他都不能为空具体js和php要怎么验证呢就是说点提交那刻不符合的不能提交鼠标离开也给提示我每次验证都知道要验证但是具体流程顺序不知道怎么走是定义方法啊还是怎样呢求高手...

全脸脂肪填充phptp验证表单与自动填充函数代码

代码如下:class FormModel extends Model { // 自动验证设置 /* * 一：自动验证自动验证的定义是这样的：array(field,rule,message,condition,type,when,params) field:代表是数据库的字段名； rule:代表是规则；它的值要看type的类型而定；如果是condition 是function（callback），rule是一个函数名 condition 是in，rule是一个数组 message:代表是消息提示； condition：代表是验证条件它的值： self::MUST_VALIDATE 表示必...

phptp验证表单与自动填充函数代码_PHP教程

PHP验证表单的具体实现方式_PHP教程【代码】

学习PHP验证表单的具体代码如下： php class class_post { //验证是否为指定长度的字母/数字组合 function fun_text1($num1,$num2,$str) { Return (preg_match("/^[a-zA-Z0-9]{".$num1.",".$num2."}$/",$str))?true:false; } //验证是否为指定长度数字 function fun_text2($num1,$num2,$str) { return (preg_match("/^[0-9]{".$num1.",".$num2."}$/i",$str))?true:false; } //验...

使用PHP验证表单数据

当用户提交表单时，做到以下两件事是非常有必要：使用 PHP trim() 函数去除用户输入数据中不必要的字符 (如：空格，tab，换行)。使用PHP stripslashes()函数去除用户输入数据中的反斜杠 (\) PHP Form Validation ExampleYour Input:";echo $name;echo "";echo $email;echo "";echo $website;echo "";echo $comment;echo "";echo $gender;?>

Jquery验证表单,该如何解决

Jquery验证表单------解决方案-------------------- $.validator.setDefaults({submitHandler: function() { alert("submitted!" ; website.submit(););}});出掉试下

求教容易的JS验证表单

求教简单的JS验证表单上面的代码可以在客户端实现验证为空，但是为什么验证为空之后，网页还是指向form的action那个页面呢？也就是说表单还是提交了是吧?该怎么修改呢？修改成验证通过了在提交。谢谢各位了，我新手，问题很简单，望谅解。------解决方案-------------------- 这样写，删掉按钮的onclick 。

javascript-在yii2中使用pjax时，无法加载验证表单js文件？【图】

比如我用ajax请求一个验证表单。 $('#setpw-tab').on('click',function(){$.ajax({url:"index.php?r=user/recovery/setnewpw",type:"post",success:function(data){ $('#setpw').html(data); }});});yii2验证表单的js也一起加载进来，使用正常。但是当我用pjax时， $(document).pjax('#setpw','#containerp',{url:'index.php?r=user/recovery/setnewpw',type:'POST'}) 却没能加载ActiveForm的js，请求是一样的，却少了2个js文件，为...

Laravel验证表单自定消息写那里?

我是直接在store()调用表单验证的,例如public function store(Requests\HrFormRequest $request) 这样调用表单验证,怎么去自定义错误消息呢? 文档里写的 $messages = ['email.required' => 'We need to know your e-mail address!', ]; 这个$messages应该放那里..因为是在store()的参数直接调用表单验证,所以不知道放那里.回复内容：我是直接在store()调用表单验证的,例如public function store(Requests\HrFormRequest $request) ...

ci框架中验证表单类【图】

这是控制器的add方法public function add(){//验证有效性$this->load->library('form_validation');//设置规则$this->form_validation->set_rules('title', '标题', 'required|max_length[10]');$this->form_validation->set_rules('content', '内容', 'required|max_length[150]');if ($this->form_validation->run() == false){$this->load->view('admin/blogc/add');}else{//进行数据插入$this->load->model('blogm','bm');$thi...

phptp验证表单与自动填充函数代码_PHP

phptp验证表单与自动填充函数代码_php技巧

php tp验证表单与自动填充函数代码

代码如下:<?php class FormModel extends Model { // 自动验证设置 /* * 一：自动验证自动验证的定义是这样的：array(field,rule,message,condition,type,when,params) field:代表是数据库的字段名； rule:代表是规则；它的值要看type的类型而定；如果是condition 是function（callback），rule是一个函数名 condition 是in，rule是一个数组 message:代表是消息提示； condition：代表是验证条件它的值： self::MUST_VALIDATE ...

ThinkPHP中create()方法自动验证表单信息【图】

自动验证是ThinkPHP模型层提供的一种数据验证方法，可以在使用create创建数据对象的时候自动进行数据验证。原理： create()方法收集表单($_POST)信息并返回，同时触发表单自动验证，过滤非法字段，在控制器中使用create()方法，(返回值为true/false),会自动触发模型类中的$_validate属性（为父类Model中的方法，在子类Model中重写），在$_validate中自定义验证规则（验证规则下面会详细说明）,当create()方法没有数据即返回值为f...

首页 / PHP / php+js实现极验，拖动滑块验证码验证表单

php+js实现极验，拖动滑块验证码验证表单

内容导读

内容图文

内容总结

内容备注

内容手机端

【php+js实现极验，拖动滑块验证码验证表单】教程文章相关的互联网学习教程文章

Ajax和PHP正则表达式验证表单及验证码

php具体验证表单流程【图】

全脸脂肪填充phptp验证表单与自动填充函数代码

phptp验证表单与自动填充函数代码_PHP教程

PHP验证表单的具体实现方式_PHP教程【代码】

使用PHP验证表单数据

Jquery验证表单,该如何解决

求教容易的JS验证表单

javascript-在yii2中使用pjax时，无法加载验证表单js文件？【图】

Laravel验证表单自定消息写那里?

ci框架中验证表单类【图】

phptp验证表单与自动填充函数代码_PHP

phptp验证表单与自动填充函数代码_php技巧

php tp验证表单与自动填充函数代码

ThinkPHP中create()方法自动验证表单信息【图】

PHP - 相关标签

验证码 - 相关标签

PHP - 技术教程分类

PHP - 最新教程

PHP - 最热教程