登录 注册 VIP特权 提交收录
Search Engine Optimization,不撸代码不修BUG
主页 » 教程 » 正文

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

前言

昨天群里有人问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 && data.indexOf("<title>Error</title>") <= 100) || data.indexOf("Typecho_Widget_Exception") >= 0)) {
alert("密码错误,请重试!");//密码错误弹窗提醒
}else{
location.reload();//密码正确刷新页面
}
}
});
return false;
});


代码更新记录

2021年1月28日
密码判断部分优化,兼容typecho的debug模式,并且支持js代码写在行内。

2020年8月18日
发布第一版本。


您的大名:
万水千山总是情,给个打赏行不行。 打赏

标签: 密码保护
! 如链接失效请在下方留言。本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考,请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail:49613651@qq.com
原创文章,作者:一宇A1xt,如若转载,请注明出处:https://www.a1xt.com/archives/565.html

相关推荐


猜你喜欢

接管typecho通知提醒

前言昨天群里有人问typecho的文章密码保护功能,提示密码错误时怎么发出弹窗式提醒,而非跳转到错误提示页面,我就随后说了个ajax提...


上一篇
下一篇

发表评论