爱好者 > Typecho > Typecho教程 > Typecho密码保护文章弹窗式提示

Typecho密码保护文章弹窗式提示

作者:佚名 来源:爱好者 时间:2020-08-18

前言

昨天群里有人问typecho的文章密码保护功能,提示密码错误时怎么发出弹窗式提醒,而非跳转到错误提示页面,我就随后说了个ajax提交表单的方式,刚刚试了一下确实很可以的,代码如下。

代码
代码是基于JQ的哈,没有JQ可以自行引用下,或者将下方代码改为原生js代码

$(".protected").submit(function() {
var surl=$(".protected").attr("action");//表单地址
$.ajax({
                type: "POST",
                url:surl,
                data:$('.protected').serialize(),// 你的form
                async:true,
                error: function(request) {
alert("密码提交失败,请刷新页面重试!");//ajax提交失败报错
                },
                success: function(data) {

if(data.indexOf("密码错误") >= 0 && data.indexOf("<title>Error</title>") >= 0) {
alert("密码错误,请重试!");//密码错误弹窗提醒
}else{
location.reload();//密码正确刷新页面
}
}
});
return false;
});
特别提醒
一定要把代码写到js文件里面然后引用,而不要直接写在行内,否则会一直判定为密码错误