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

在做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主题的时候,由于菜单样式的要求我...
很多朋友在做wordpree主题制作的时候会经常遇到一个问题,那...
wordpress后台的模块很多,但并不是每个都经常用到。介绍几段...
从WordPress4.2版本开始,如果我们在MYSQL5.1版本数据中导出...
很多网友会遇到这样一个问题,就是WordPress网站上传图片、附...
对于经常要在文章中出现代码的IT相关博客,安装一个代码高亮...