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

网站添加提交评论验证码

  Skill  781℃  11条  272字数  预计阅读时间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后面的数字范围。

如果本文对您有用的话,欢迎在下方留言评论哦~

(๑´ㅂ`๑) 已有5人微信打赏,心情+5...

网站添加提交评论验证码

本来是打算给网站加上一个滑动验证提交的,虽然找到了一个插件,但苦于年久失修,并且需要加载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后面的数字范围。

发表你的评论
选择表情
  1. Kane
    B罩

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

    Chrome 北京市 联通
    1. Jdeal
      主人
      @Kane

      //算术验证评论

      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: 22px;background-color: #f7f7f7; width: 32px; text-align: center;\" 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;

      }
      function showThumb($obj,$size=null,$link=false){

      preg_match_all( "/<[img|IMG].*?src=[\'|\"](.*?)[\'|\"].*?[\/]?>/", $obj->content, $matches ); $thumb = ''; $options = Typecho_Widget::widget('Widget_Options'); $attach = $obj->attachments(1)->attachment; if (isset($attach->isImage) && $attach->isImage == 1){ $thumb = $attach->url; if(!empty($options->src_add) && !empty($options->cdn_add)){ $thumb = str_ireplace($options->src_add,$options->cdn_add,$thumb); } }elseif(isset($matches[1][0])){ $thumb = $matches[1][0]; if(!empty($options->src_add) && !empty($options->cdn_add)){ $thumb = str_ireplace($options->src_add,$options->cdn_add,$thumb); } } if(empty($thumb) && empty($options->default_thumb)){ return ''; }else{ $thumb = empty($thumb) ? $options->default_thumb : $thumb; } if($link){ return $thumb; }

      }

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

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

        Thx!~

        Chrome 北京市 联通
  2. 短信验证码
    A罩

    能不能做过评论过滤器

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

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

      Chrome 江苏省无锡市 电信
  3. 永爱
    A罩

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

    搜狗浏览器 上海市 联通
  4. liam
    A罩

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

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

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

      Chrome 江苏省无锡市 电信
  5. ahxx
    B罩

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

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

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

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

        没错

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