在做 WordPress 主题开发的过程中，有的时候我们需要给 WordPress 默认的登录表单添加一些自定义的表单项，比如验证码、手机号等，这个实现起来其实也是很简单的，主要用到 WordPress 自带的 login_form 和 login_form_login 两个钩子，login_form 钩子可以帮助我们创建新的自定义表单项加入到默认的登录表单中，login_form_login 钩子帮我们完成自定义表单项在提交登录后的验证工作，下面我们就以为 WordPress 登录表单添加一个验证码为例，您只需要将下面的代码放到您的 functions.php 文件中即可。
- //后台登陆数学验证码
- function mx_add_login_fields() {
- //获取两个随机数, 范围0~9
- $num1=rand(0,9);
- $num2=rand(0,9);
- //最终网页中的具体内容
- echo "<p><label for=’math’ class=’small’>验证码</label><br /> <input type=’text’ name=’sum’ placeholder=’$num1 + $num2 = ?’ 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’,‘mx_add_login_fields’);
- function mx_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’,‘mx_login_val’);
以上就是为 WordPress 登录表单添加验证码的示例代码，同时您还可以使用上面的两个钩子添加其他的自定义表单项目，希望以上内容能对您有所帮助！
温馨提示：
文章标题：如何给WordPress登录页面添加验证码等自定义表单项
文章链接：https://www.wuyanshuo.cn/1315.html
更新时间：2022年09月13日
本站资源均为两层压缩，第一层7z（后缀若为wys，请自行修改为7z）有解压密码；第二层zip或cbz，无解压密码，可直接使用漫画类软件程序查看；详情可参考解压教程。
本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：service@wuyanshuo.cn我们将第一时间处理！ 资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习，版权归原作者所有，更多请阅读无言说网络服务协议。
