网站添加提交评论验证码
  Skill  2233℃  13条  351字数  预计阅读时间1分钟

网站添加提交评论验证码

  Skill  2233℃  13条  351字数  预计阅读时间1分钟

本来是打算给网站加上一个滑动验证提交的,虽然找到了一个插件,但苦于年久失修,并且需要加载JQ。本着能用JS的情况下绝不用JQ的初衷,于是乎只能放弃。

偶然在黑冰技术站上发现了一段简单的数字验证代码。

经博主测试可用,百度里关于Typecho技术的教程真心不多。博主又是小白一个,em,跑题了。

直接放代码,将以下代码放入主题的function.php文件中。

//算术验证评论
function themeInit($comment){
$comment = spam_protection_pre($comment);
}
function spam_protection_math(){
    $num1=rand(1,100);
    $num2=rand(1,100);
    echo "<label for=\"math\">请输入<code>$num1</code>+<code>$num2</code>的计算结果:</label>\n";
    echo "<input type=\"text\" name=\"sum\" class=\"text\" value=\"\" size=\"25\" tabindex=\"4\" style=\"width:218px\" placeholder=\"计算结果:\">\n";
    echo "<input type=\"hidden\" name=\"num1\" value=\"$num1\">\n";
    echo "<input type=\"hidden\" name=\"num2\" value=\"$num2\">";
}
function spam_protection_pre($comment, $post, $result){
    $sum=$_POST['sum'];
    switch($sum){
        case $_POST['num1']+$_POST['num2']:
        break;
        case null:
        throw new Typecho_Widget_Exception(_t('对不起: 请输入验证码。<a href="javascript:history.back(-1)">返回上一页</a>','评论失败'));
        break;
        default:
        throw new Typecho_Widget_Exception(_t('对不起: 验证码错误,请<a href="javascript:history.back(-1)">返回</a>重试。','评论失败'));
    }
    return $comment;
}

接着打开评论模板comments.php文件,在模板中找到提交按钮的代码,在其上方插入下方代码即可。

<?php spam_protection_math();?>

关于CSS样式部分,可直接在function.php文件中的算术验证代码里修改。

如果觉得100以内太难了,请修改function.php中添加的代码中rand后面的数字范围。

新增

一些小伙伴可能使用的和博主一样的主题,会发现已经有themeInit函数了,不知道该如何合并。

下面是例子:

function themeInit($archive){
Helper::options()->commentsMaxNestingLevels = 999; if ($archive->is('archive')) { $archive->parameter->pageSize = 12;
}
$comment = spam_protection_pre($comment, $post, $result);
}
function spam_protection_math(){
$num1=rand(1,49); $num2=rand(1,49); echo "<label for=\"math\">输入<code>$num1</code>+<code>$num2</code>=</label>\n"; echo "<input type=\"text\" name=\"sum\" class=\"text\" value=\"\" size=\"25\" tabindex=\"4\" style=\"height:20px;background-color:#f7f7f7;width:32px;text-align: center;border-radius:3px;\" placeholder=\" ? \" required>\n"; echo "<input type=\"hidden\" name=\"num1\" value=\"$num1\">\n"; echo "<input type=\"hidden\" name=\"num2\" value=\"$num2\">";
}
function spam_protection_pre($comment, $post, $result){
$sum=$_POST['sum']; switch($sum){ case $_POST['num1']+$_POST['num2']: break; case null: throw new Typecho_Widget_Exception(_t('对不起: 请输入验证码。<a href="javascript:history.back(-1)">返回上一页</a>','评论失败')); break; default: throw new Typecho_Widget_Exception(_t('对不起: 验证码错误,请<a href="javascript:history.back(-1)">返回</a>重试。','评论失败')); } return $comment;
}
网站添加提交评论验证码

本来是打算给网站加上一个滑动验证提交的,虽然找到了一个插件,但苦于年久失修,并且需要加载JQ。本着能用JS的情况下绝不用JQ的初衷,于是乎只能放弃。

szyz.jpg

偶然在黑冰技术站上发现了一段简单的数字验证代码。

经博主测试可用,百度里关于Typecho技术的教程真心不多。博主又是小白一个,em,跑题了。

直接放代码,将以下代码放入主题的function.php文件中。

//算术验证评论
function themeInit($comment){
$comment = spam_protection_pre($comment);
}
function spam_protection_math(){
    $num1=rand(1,100);
    $num2=rand(1,100);
    echo "<label for=\"math\">请输入<code>$num1</code>+<code>$num2</code>的计算结果:</label>\n";
    echo "<input type=\"text\" name=\"sum\" class=\"text\" value=\"\" size=\"25\" tabindex=\"4\" style=\"width:218px\" placeholder=\"计算结果:\">\n";
    echo "<input type=\"hidden\" name=\"num1\" value=\"$num1\">\n";
    echo "<input type=\"hidden\" name=\"num2\" value=\"$num2\">";
}
function spam_protection_pre($comment, $post, $result){
    $sum=$_POST['sum'];
    switch($sum){
        case $_POST['num1']+$_POST['num2']:
        break;
        case null:
        throw new Typecho_Widget_Exception(_t('对不起: 请输入验证码。<a href="javascript:history.back(-1)">返回上一页</a>','评论失败'));
        break;
        default:
        throw new Typecho_Widget_Exception(_t('对不起: 验证码错误,请<a href="javascript:history.back(-1)">返回</a>重试。','评论失败'));
    }
    return $comment;
}

接着打开评论模板comments.php文件,在模板中找到提交按钮的代码,在其上方插入下方代码即可。

<?php spam_protection_math();?>

关于CSS样式部分,可直接在function.php文件中的算术验证代码里修改。

如果觉得100以内太难了,请修改function.php中添加的代码中rand后面的数字范围。

新增

一些小伙伴可能使用的和博主一样的主题,会发现已经有themeInit函数了,不知道该如何合并。

下面是例子:

function themeInit($archive){
Helper::options()->commentsMaxNestingLevels = 999; if ($archive->is('archive')) { $archive->parameter->pageSize = 12;
}
$comment = spam_protection_pre($comment, $post, $result);
}
function spam_protection_math(){
$num1=rand(1,49); $num2=rand(1,49); echo "<label for=\"math\">输入<code>$num1</code>+<code>$num2</code>=</label>\n"; echo "<input type=\"text\" name=\"sum\" class=\"text\" value=\"\" size=\"25\" tabindex=\"4\" style=\"height:20px;background-color:#f7f7f7;width:32px;text-align: center;border-radius:3px;\" placeholder=\" ? \" required>\n"; echo "<input type=\"hidden\" name=\"num1\" value=\"$num1\">\n"; echo "<input type=\"hidden\" name=\"num2\" value=\"$num2\">";
}
function spam_protection_pre($comment, $post, $result){
$sum=$_POST['sum']; switch($sum){ case $_POST['num1']+$_POST['num2']: break; case null: throw new Typecho_Widget_Exception(_t('对不起: 请输入验证码。<a href="javascript:history.back(-1)">返回上一页</a>','评论失败')); break; default: throw new Typecho_Widget_Exception(_t('对不起: 验证码错误,请<a href="javascript:history.back(-1)">返回</a>重试。','评论失败')); } return $comment;
}
发表你的评论
* 私密评论
选择表情
  1. Angeiang
    B罩

    恢复登录...

    Chrome 福建省厦门市
  2. Angeiang
    B罩

    看了下,我的themeInit函数包含了archive,要怎么整合才行?

    Chrome 福建省厦门市
  3. Kane
    B罩

    Pinghsu 主题的 themeInit 函数应该怎么整合?有没有例子?

    Chrome 北京市
    1. Jdeal
      主人
      @Kane

      这是在Pinghsu 主题的 themeInit 函数里整合算数验证的例子,您可以看看对比下哈~

      Safari 江苏省无锡市
      1. Kane
        B罩
        @Jdeal

        Thx!~

        Chrome 北京市
  4. 短信验证码
    A罩

    能不能做过评论过滤器

    Chrome 重庆市
    1. Jdeal
      主人
      @短信验证码

      typecho有个SmartSpam插件可以做评论过滤器的

      Chrome 江苏省无锡市
  5. 永爱
    A罩

    为什么我的算术验证没有用,不输入答案和乱写答案照样可以发布评论

    搜狗浏览器 上海市
  6. liam
    A罩

    为什么我添加了,评论的时候,后台不显示有评论的?

    Chrome 广东省中山市
    1. Jdeal
      主人
      @liam

      F12检查下浏览器调试模式下有无报错,还有themeInit函数是否添加有误。

      Chrome 江苏省无锡市
  7. ahxx
    B罩

    我按照博主大大的添加后前台报错500

    火狐浏览器 广东省深圳市
    1. Jdeal
      主人
      @ahxx

      是不是function.php文件添加错了,因为有些主题可能原本就自带themeInit函数,需要把原来的合并在一起,不能出现两个themeInit函数,否则会报错的。

      Chrome 江苏省无锡市
      1. ahxx
        B罩
        @Jdeal

        没错

        火狐浏览器 广东省深圳市宝安区