WHCSRL 技术网

eyoucms留言模版验证码实现

eyoucms留言模版验证码实现

效果图如下

在这里插入图片描述

1、为什么要在留言模版下加入验证码?

  • 留言模版下加入验证码可以防止恶意攻击,防止用机器把数据库填满

2、实现验证码功能

第一步:找到lists.guestbook.html

在这里插入图片描述
第二步:前台留言模型的图形验证码标签调用*

比如需要在留言表单里加入图形验证码,复制下方验证码开始到验证码结束在留言标签中 {eyou:guestbookform}。

{eyou:guestbookform type='default'}
    <form method="POST" enctype="multipart/form-data" action="{$field.action}">
        <!-- ……此处省略其他表单代码 -->
        <div class='form-group'>
            <textarea name="{$field.attr_1}" id="attr_1" placeholder='{$field.itemname_1}'></textarea>
        </div>
        <!-- ……此处省略其他表单代码 -->
 
        <!-- 验证码开始 -->
        {eyou:notempty name='$field.IsVertify'}
            <div>
                <input type="text" name="vertify" autocomplete="off" placeholder="图片验证码"/>
                <img {$field.VertifyData} title="看不清?点击更换验证码" style="margin-left: 2px;width: 80px;height: 35px;" />
                看不清?<a href="javascript:void(0);" id="a_vertify" {$field.VertifyData}>点击更换</a>
            </div>
        {/eyou:notempty}
        <!-- 验证码结束 -->

        <!-- ……此处省略其他表单代码 -->
        <div class="form-group m-b-0">
            <button type="submit" >提交<button>
        </div>
        {$field.hidden}
    </form>
{/eyou:guestbookform}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

第三步:找到config.php文件
在这里插入图片描述
第四步:把config.php文件中的留言提交验证码配置0改为1
在这里插入图片描述
然后就完成啦!!!!!

推荐阅读