WordPress博客用户登录页面添加验证码——WordPress教程

代码部署

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

第一种:混合数验证码演示图:【跳转版】WordPress博客用户登录页面添加验证码——WordPress教程

/*-----------------------------------------------------------------------------------*/
/* WordPress登陆后台随机混合数验证码
/*-----------------------------------------------------------------------------------*/
# 登录后台添加验证码第一种
function loper_login_english_figures() {
# 获取英语和数字随机数, 范围0~99,目前是0~5,5位数
$num1=substr(md5(mt_rand(0,99)),0,5);
echo "<p>
&lt;label for='math' class='small'&gt;<a href="https://www.ciyol.cn/tag/%e9%aa%8c%e8%af%81%e7%a0%81" class="st_tag internal_tag" rel="tag" title="Posts tagged with 验证码">验证码</a>:$num1 &lt;/label&gt;
&lt;input id='math' type='text' name='sum' class='input' value='' size='25'&gt;
&lt;input type='hidden' name='num1' value='$num1'&gt;&lt;/p&gt;";
}
add_action('login_form','loper_login_english_figures');
# 判断验证码是否空白和错误
function loper_login_calculation() {
$sum=$_POST['sum'];
switch($sum){
case $_POST['num1']:break;
case null:wp_die( __( '错误:请填入验证码!' ), '', array( 'back_link'=&gt;true ) );break;
default:wp_die( __( '错误:验证码不正确!' ), '', array( 'back_link'=&gt;true ) );}
}
add_action('login_form_login','loper_login_calculation');

第二种:随机数字验证码演示图:【验证码在框里】【跳转版】

WordPress博客用户登录页面添加验证码——WordPress教程

/*-----------------------------------------------------------------------------------*/
/* WordPress登陆后台随机数字验证码
/*-----------------------------------------------------------------------------------*/
# 登录后台添加验证码第二种
function loper_login_english_figures() {
# 获取两个随机数, 范围0~99
$num1=rand(0,99);
$num2=rand(0,99);
echo "&lt;p&gt;
&lt;label for='math' class='small'&gt;验证码&lt;/label&gt;
&lt;input id='math' type='text' name='sum' class='input' size='25' placeholder='$num1 + $num2 = ? '&gt;
&lt;input type='hidden' name='num1' value='$num1'&gt;
&lt;input type='hidden' name='num2' value='$num2'&gt;&lt;/p&gt;";
}
add_action('login_form','loper_login_english_figures');
# 判断验证码是否空白和错误
function loper_login_calculation() {
$sum=$_POST['sum'];
switch($sum){
case $_POST['num1']+$_POST['num2']:break;
case null:wp_die( __( '错误:请填入验证码!' ), '', array( 'back_link'=&gt;true ) );break;
default:wp_die( __( '错误:验证码不正确!' ), '', array( 'back_link'=&gt;true ) );}
}
add_action('login_form_login','loper_login_calculation');

第三种:随机数字验证码演示图:【跳转版】

WordPress博客用户登录页面添加验证码——WordPress教程

/*-----------------------------------------------------------------------------------*/
/* WordPress登陆后台随机数字验证码
/*-----------------------------------------------------------------------------------*/
# 登录后台添加验证码第三种
function loper_login_english_figures() {
# 获取两个随机数, 范围0~99
$num1=rand(0,99);
$num2=rand(0,99);
echo "&lt;p&gt;
&lt;label for='math' class='small'&gt;验证码:$num1 + $num2 = ? &lt;/label&gt;
&lt;input id='math' type='text' name='sum' class='input' size='25'&gt;
&lt;input type='hidden' name='num1' value='$num1'&gt;
&lt;input type='hidden' name='num2' value='$num2'&gt;&lt;/p&gt;";
}
add_action('login_form','loper_login_english_figures');
# 判断验证码是否空白和错误
function loper_login_calculation() {
$sum=$_POST['sum'];
switch($sum){
case $_POST['num1']+$_POST['num2']:break;
case null:wp_die( __( '错误:请填入验证码!' ), '', array( 'back_link'=&gt;true ) );break;
default:wp_die( __( '错误:验证码不正确!' ), '', array( 'back_link'=&gt;true ) );}
}
add_action('login_form_login','loper_login_calculation');

第四种:随机混合数验证码演示图:【提示版】

WordPress博客用户登录页面添加验证码——WordPress教程

/*-----------------------------------------------------------------------------------*/
/* WordPress登陆后台随机混合数验证码
/*-----------------------------------------------------------------------------------*/
# 登录后台添加验证码第四种
function loper_login_english_figures() {
# 获取英语和数字随机数, 范围0~99,目前是0,5【5位数】
$num1=substr(md5(mt_rand(0,99999)),0,5);
echo "&lt;p&gt;
&lt;label for='math' class='small'&gt;验证码:$num1 &lt;/label&gt;
&lt;input id='math' type='text' name='sum' class='input' size='25'&gt;
&lt;input type='hidden' name='num1' value='$num1'&gt;&lt;/p&gt;";
}
add_action('login_form','loper_login_english_figures');
# 判断验证码是否空白和错误
function loper_login_calculation($redirect, $bool, $errors) {
$sum=$_POST['sum'];
switch($sum){
case $_POST['num1']:break;
case null:$errors-&gt;add( 'zlinet', "&lt;strong&gt;错误&lt;/strong&gt;:请输入验证码!" ); break;
default:$errors-&gt;add( 'zlinet', "&lt;strong&gt;错误&lt;/strong&gt;:验证码不正确!" );}
}
add_action('login_redirect','loper_login_calculation', 9, 9);

第五种:随机数字验证码演示图:【提示版】

WordPress博客用户登录页面添加验证码——WordPress教程

/*-----------------------------------------------------------------------------------*/
/* WordPress登陆后台随机数字验证码
/*-----------------------------------------------------------------------------------*/
# 登录后台添加验证码第五种
function loper_login_english_figures() {
# 获取两个随机数, 范围0~99
$num1=rand(0,99);
$num2=rand(0,99);
echo "&lt;p&gt;
&lt;label for='math' class='small'&gt;验证码&lt;/label&gt;
&lt;input id='math' type='text' name='sum' class='input' size='25' placeholder='$num1 + $num2 = ? '&gt;
&lt;input type='hidden' name='num1' value='$num1'&gt;
&lt;input type='hidden' name='num2' value='$num2'&gt;&lt;/p&gt;";
}
add_action('login_form','loper_login_english_figures');
# 判断验证码是否空白和错误
function loper_login_calculation($redirect, $bool, $errors) {
$sum=$_POST['sum'];
switch($sum){
case $_POST['num1']+$_POST['num2']:break;
case null:$errors-&gt;add( 'zlinet', "&lt;strong&gt;错误&lt;/strong&gt;:请输入验证码!" ); break;
default:$errors-&gt;add( 'zlinet', "&lt;strong&gt;错误&lt;/strong&gt;:验证码不正确!" );}
}
add_action('login_redirect','loper_login_calculation', 9, 9);

提示:如果你感觉随机混合数不够长的话,【0.5】改为【0.6】!

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考免责介绍。
提示下载完但解压或打开不了
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联系客服处理。