前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为你的博客注册登陆页面添加【十以内运算验证码】

为你的博客注册登陆页面添加【十以内运算验证码】

作者头像
神无月
发布2018-06-25 14:37:54
7370
发布2018-06-25 14:37:54
举报
文章被收录于专栏:小文博客小文博客

前言:

近日,博客经常被恶意注册,博客倒是没事,可是我邮箱炸了。。。日常20+邮件于是在网上找了一个加验证码的代码,分享给各位博主。刚开始准备弄个高大上的化学方程式验证码(后期努力点,要不找一个要不自己写一个),可后来想想,要是用户化学不好就不能注册,那也太说不过去了。于是就找了这个10以内加法的验证码(这个要是不会就别注册了······)

登陆页面验证码演示图:

登陆页面验证码使用说明:

登陆你的后台管理,选择【外观】-【编辑】-【模板函数 (functions.php)】直接添加下面全部代码:【?>前面】即可。

//后台登陆数学验证码 function myplugin_add_login_fields() { //获取两个随机数, 范围0~9 $num1=rand(0,9); $num2=rand(0,9); //最终网页中的具体内容 echo "<p><label for='math' class='small'>验证码</label><br /> $num1 + $num2 = ?<input type='text' name='sum' class='input' value='' size='25' tabindex='4'>" ."<input type='hidden' name='num1' value='$num1'>" ."<input type='hidden' name='num2' value='$num2'></p>"; } add_action('login_form','myplugin_add_login_fields'); function login_val() { $sum=$_POST['sum'];//用户提交的计算结果 switch($sum){ //得到正确的计算结果则直接跳出 case $_POST['num1']+$_POST['num2']:break; //未填写结果时的错误讯息,可自定义修改 case null:wp_die('错误: 请输入验证码.');break; //计算错误时的错误讯息,可自定义修改 default:wp_die('错误: 验证码错误,请重试.'); } } add_action('login_form_login','login_val');

1234567891011121314151617181920212223

//后台登陆数学验证码function myplugin_add_login_fields() {//获取两个随机数, 范围0~9$num1=rand(0,9);$num2=rand(0,9);//最终网页中的具体内容echo "<p><label for='math' class='small'>验证码</label><br /> $num1 + $num2 = ?<input type='text' name='sum' class='input' value='' size='25' tabindex='4'>"."<input type='hidden' name='num1' value='$num1'>"."<input type='hidden' name='num2' value='$num2'></p>";}add_action('login_form','myplugin_add_login_fields');function login_val() {$sum=$_POST['sum'];//用户提交的计算结果switch($sum){//得到正确的计算结果则直接跳出case $_POST['num1']+$_POST['num2']:break;//未填写结果时的错误讯息,可自定义修改case null:wp_die('错误: 请输入验证码.');break;//计算错误时的错误讯息,可自定义修改default:wp_die('错误: 验证码错误,请重试.');}}add_action('login_form_login','login_val');

注册页面验证码演示图:

注册页面验证码使用说明:

登陆你的后台管理,选择【外观】-【编辑】-【模板函数 (functions.php)】直接添加下面全部代码:【?>前面】即可。

//<span class='wp_keywordlink'><a href="https://www.qcgzxw.cn/?tag=wordpress" title="WordPress">WordPress</a></span>新用户注册随机数学验证码 function add_security_question_fields() { //获取两个随机数, 范围0~9 $num1=rand(0,9); $num2=rand(0,9); //最终网页中的具体内容 echo "<p><label for='math' class='small'>验证码:$num1 + $num2 = ? </label><input type='text' name='sum' class='input' value='' size='25'>" ."<input type='hidden' name='num1' value='$num1'>" ."<input type='hidden' name='num2' value='$num2'></p>";} add_action('register_form','add_security_question_fields'); add_action( 'register_post', 'add_security_question_validate', 10, 3 ); function add_security_question_validate( $sanitized_user_login, $user_email, $errors) { $sum=$_POST['sum'];//用户提交的计算结果 switch($sum){ //得到正确的计算结果则直接跳出 case $_POST['num1']+$_POST['num2']:break; //未填写结果时的错误讯息 case null:wp_die('错误:请输入验证码!');break; //计算错误时的错误讯息 default:wp_die('错误:验证码错误,请重试!');}} add_action( 'add_security_question','register_form' );

123456789101112131415161718192021

//WordPress新用户注册随机数学验证码function add_security_question_fields() {//获取两个随机数, 范围0~9$num1=rand(0,9);$num2=rand(0,9);//最终网页中的具体内容echo "<p><label for='math' class='small'>验证码:$num1 + $num2 = ? </label><input type='text' name='sum' class='input' value='' size='25'>"."<input type='hidden' name='num1' value='$num1'>"."<input type='hidden' name='num2' value='$num2'></p>";}add_action('register_form','add_security_question_fields');add_action( 'register_post', 'add_security_question_validate', 10, 3 );function add_security_question_validate( $sanitized_user_login, $user_email, $errors) {$sum=$_POST['sum'];//用户提交的计算结果switch($sum){//得到正确的计算结果则直接跳出case $_POST['num1']+$_POST['num2']:break;//未填写结果时的错误讯息case null:wp_die('错误:请输入验证码!');break;//计算错误时的错误讯息default:wp_die('错误:验证码错误,请重试!');}}add_action( 'add_security_question','register_form' );

声明与备注:

  • 部分代码转自拽立网,并非本人所写,在这里只是分享。
  • 如需同时想让登陆页面与注册页面都添加数字验证,将以上2份代码全部加在functions.php即可
  • 亲测验证码输错,不能注册,不能登陆。防机器注册很有效果,也不会影响用户体验
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年8月18日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言:
  • 登陆页面验证码演示图:
  • 登陆页面验证码使用说明:
  • 注册页面验证码演示图:
  • 注册页面验证码使用说明:
  • 声明与备注:
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档