跳转到内容
云网开系统开发手册

如何添加滑动验证码

模板中要添加如下的滑动验证码，需要两步，第一步。添加固定的CSS及JS文件，如下

<script type="text/javascript" src="__STATIC__/libs/tncode/tn_code.js"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__/libs/tncode/tn_code.css"/>

第二步，添加弹出验证的事件即可

open_tncode() img

特别提醒，open_tncode() 事件支持一个匿名函数作为参数使用，即验证成功后，就会执行这个函数。如下所示

open_tncode(function(){
  alert("验证成功")
});

事件，你可以做一个按钮给用户点击，也可以放在POST事件的时候处理。如果放在POST事件处理的时候。要注意，不要让用户重复操作验证码。要做一下判断处理，如下示例

img

最后再强调一下，如果在程序中处理的话， 尽量把判断靠近数据库入库那里做处理，因为 check_tncode()函数对用户的验证只是单次有效的。 也就是说，在程序中做判断处理的话，就使用check_tncode()函数检验用户是否操作了验证码

img