🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
模板中要添加如下的滑动验证码,需要两步,第一步。添加固定的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()` ![](https://img.kancloud.cn/05/09/050999a0313db29938f2d5b88fc8a8fe_423x747.gif) ***** 特别提醒,`open_tncode()` 事件支持一个匿名函数作为参数使用,即验证成功后,就会执行这个函数。如下所示 ``` open_tncode(function(){ alert("验证成功") }); ``` 事件,你可以做一个按钮给用户点击,也可以放在POST事件的时候处理。如果放在POST事件处理的时候。要注意,不要让用户重复操作验证码。要做一下判断处理,如下示例 ![](https://img.kancloud.cn/b1/ee/b1eed0a24c1cfac24f5ef6637c649778_1657x758.png) 最后再强调一下,如果在程序中处理的话, 尽量把判断靠近数据库入库那里做处理,因为 `check_tncode()`函数对用户的验证只是单次有效的。 也就是说,在程序中做判断处理的话,就使用`check_tncode()`函数检验用户是否操作了验证码 ![](https://img.kancloud.cn/fe/47/fe472276466cb3ab1581dde122932b19_1621x821.png)