高仿淘寶滑動驗證碼插件

時間 2019-11-12

標籤高仿淘寶滑動驗證碼插件简体版

原文原文鏈接

演示地址： http://www.legocard.com/codedemo/taobao.html

調用方式以下：

<body>
<div class="container">
<h1>高仿淘寶拖動驗證碼插件</h1>
<form method="post" action="service.aspx">
<fieldset>
<label>姓名</label> <input type="text" name="username" />
<div class="clr"></div>javascript

<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>html

</body>java

相關標籤/搜索