WordPress教程

如何给WordPress登录页面添加验证码等自定义表单项

阿里云

在做 WordPress 主题开发的过程中,有的时候我们需要给 WordPress 默认的登录表单添加一些自定义的表单项,比如验证码、手机号等,这个实现起来其实也是很简单的,主要用到 WordPress 自带的 login_form 和 login_form_login 两个钩子,login_form 钩子可以帮助我们创建新的自定义表单项加入到默认的登录表单中,login_form_login 钩子帮我们完成自定义表单项在提交登录后的验证工作,下面我们就以为 WordPress 登录表单添加一个验证码为例,您只需要将下面的代码放到您的 functions.php 文件中即可。

  1. //后台登陆数学验证码
  2. function mx_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'>验证码</label><br /> <input type='text' name='sum' placeholder='$num1 + $num2 = ?' class='input' value='' size='25' tabindex='4'>"
  8.   ."<input type='hidden' name='num1' value='$num1'>"
  9.   ."<input type='hidden' name='num2' value='$num2'></p>";
  10. }
  11. add_action('login_form','mx_add_login_fields');
  12. function mx_login_val() {
  13.   $sum=$_POST['sum'];//用户提交的计算结果
  14.   switch($sum){
  15.     //得到正确的计算结果则直接跳出
  16.     case $_POST['num1']+$_POST['num2']:break;
  17.     //未填写结果时的错误讯息
  18.     case null:wp_die('错误: 请输入验证码.');break;
  19.     //计算错误时的错误讯息
  20.     default:wp_die('错误: 验证码错误,请重试.');
  21.   }
  22. }
  23. add_action('login_form_login','mx_login_val');
也想出现在这里?联系我们
创客主机

以上就是为 WordPress 登录表单添加验证码的示例代码,同时您还可以使用上面的两个钩子添加其他的自定义表单项目,希望以上内容能对您有所帮助!

如何给 WordPress 登录页面添加验证码等自定义表单项

已有 256 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!