为你的博客用户登录页面添加十以内运算验证码——WordPress教程

2017年11月27日23:50:42 1 3,826

为你的博客用户登录页面添加十以内运算验证码——WordPress教程

 

使用WordPress程序后台登录是很方便,如果没有验证码很容易给工具暴力破解密码,所以我们要添加免插件运算验证码功能,也可以使用插件版的验证码功能,还是老一句插件用多了影响网站加载速度影响网速,今天我把WordPress后台登录页面运算验证码方法分享给大家!

 

添加前的效果图

 

为你的博客用户登录页面添加十以内运算验证码——WordPress教程

 

代码部署

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

 

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

 

添加前的效果图

 

为你的博客用户登录页面添加十以内运算验证码——WordPress教程

 

声明与备注:

  • 部分代码转自拽立网,并非本人所写,在这里只是分享。
  • 如需同时想让登陆页面与注册页面都添加数字验证,将以上2份代码全部加在functions.php即可
  • 亲测验证码输错,不能注册,不能登陆。防机器注册很有效果,也不会影响用户体验
  • 代码修复了很多功能,支持TAB切换输入!
  • 美化了验证码数学排位,感觉这样显示比较好看!
  • 如果你感觉两个随机数不够自己修改为三四个随机数都行!

 

 

也许你也喜欢:

为你的博客新用户注册页面添加十以内运算验证码——WordPress教程

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  0   博主  0   引用   1

    来自外部的引用: 1

    • 为你的博客新用户注册页面添加十以内运算验证码——WordPress教程 – 仙踪小栈