我的个人网络私密空间

WordPress「登录」页面添加随机数学加法验证码功能

为防止账号被恶意破解,很多网站与软件都在登录界面添加验证码功能。与之前的注册页面验证功能类似,登录页面的添加随机数学加法验证码功能代码如下:

//登录数学验证码-yufeiye.com
function myplugin_add_login_fields() {
//获取两个随机数, 范围0~20
$num1=rand(0,20);
$num2=rand(0,20);
//最终网页中的具体内容
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');

把以上代码添加到你WordPress网站主题的函数模板文件“function.php”文件最后即可。具体效果请看下图:

WordPress网站登录验证码
WordPress网站登录验证码

提醒:虽然默认都是添加在主题的 “function.php”文件中,但是有些主题不是,具体取决于你安装的主题文件。

看完该文章有什么感受?
转载请注明来源:雨飞叶 » WordPress「登录」页面添加随机数学加法验证码功能

评论 抢沙发

理智防人:耳听可能假,眼见未必实。安全拒绝:我要想清楚,明天答复你。

网站建设与资源变现上网学习找资源教程