首页>>Jquery图片>>支持PC和移动端的滑块式验证码 拖动拼图式验证码(2019-07-11)

支持PC和移动端的滑块式验证码 拖动拼图式验证码

支持PC和移动端的滑块式验证码 拖动拼图式验证码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container-fluid">  
  2.        <div class="form-row">  
  3.            <div class="col-12">  
  4.                <div class="slidercaptcha card">  
  5.                    <div class="card-header">  
  6.                        <span>请完成安全验证</span>  
  7.                    </div>  
  8.                    <div class="card-body"><div id="captcha"></div></div>  
  9.                </div>  
  10.            </div>  
  11.        </div>  
  12.    </div>  

 

JavaScript Code
  1. <script>  
  2.        $('#captcha').sliderCaptcha({  
  3.            repeatIcon: 'fa fa-redo',  
  4.            setSrc: function () {  
  5.                return 'http://images.sdgxgz.com/Pic' + Math.round(Math.random() * 136) + '.jpg';  
  6.            },  
  7.            onSuccess: function () {  
  8.   
  9.                alert('验证通过!');  
  10.            }  
  11.        });  
  12.    </script>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_794.html