高仿淘宝滑动验证码插件

 
   
调用方式如下:
 

<body>
<div class="container">
<h1>高仿淘宝拖动验证码插件</h1>
<form method="post" action="service.aspx">
<fieldset>
<label>姓名</label> <input type="text" name="username" />
<div class="clr"></div>

<div id="QapTcha" class="QapTcha"></div>

<input type="submit" name="submit" value="提交表单" />
</fieldset>
</form>
</div>
<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_taobao.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.QapTcha').QapTcha({ disabledSubmit: true,autoSubmit:false, autoRevert: true, txtLock: "请按住滑块,拖动到最右侧", txtUnlock: '验证通过', PHPfile: 'service.aspx' });
});
</script>

</body>

 
 
   
posted @ 2016-06-21 17:34  YaSin  阅读(4629)  评论(0编辑  收藏  举报