登录页要增加滑动验证码需要两步,第一步,引入下面固定的代码 ``` {if $webdb.login_use_tncode} <script type="text/javascript"> var loginNeedTncode = {$webdb.login_use_tncode?'true':'false'}; </script> <link rel="stylesheet" type="text/css" href="__STATIC__/libs/tncode/tn_code.css"/> <script type="text/javascript" src="__STATIC__/libs/tncode/tn_code.js"></script> <script type="text/javascript" src="__STATIC__/js/tn_login.js"></script> {/if} ``` 然后修改form表单增加一个class名为 `tncodeUserLogin` 如下图所示 ![](https://img.kancloud.cn/47/fb/47fb2a711d742b8f19e779cbad42a7c9_1487x789.png) ***** ***** ***** 注册页要增加滑动验证码也同样需要两步,第一步,引入下面固定的代码 ``` {if $webdb.reg_use_tncode} <script type="text/javascript"> var regNeedTncode = {$webdb.reg_use_tncode?'true':'false'}; </script> <link rel="stylesheet" type="text/css" href="__STATIC__/libs/tncode/tn_code.css"/> <script type="text/javascript" src="__STATIC__/libs/tncode/tn_code.js"></script> <script type="text/javascript" src="__STATIC__/js/tn_reg.js"></script> {/if} ``` 然后修改form表单增加一个class名为 `tncodeUserReg` 如下图所示 ![](https://img.kancloud.cn/5e/79/5e796efddf18d2e7b9954b8569acbfae_1410x663.png) 这样,在提交表单的时候,就会自动弹出滑动验证码了