一宇博客致力创造一个高质量网络资源教程的综合分享平台
广告位 后台主题配置管理

网站首页 Typecho 教程 正文

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

一宇A1xt 2021-03-29 教程 125 ℃ 0 评论百度已收录

前言

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

代码

代码是基于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日
发布第一版本。

Tags:密码保护

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
  • 特大暴雪预报已经出现,南方是否会雪灾?两省或有极端化趋势
  • 男童扔鞭炮炸飞5个井盖,母亲受伤送医
  • 打工人返乡过年破防瞬间:孩子夜幕中打着手电筒狂奔迎接
  • 什么是盲盒交友,日入十万是真的吗?
  • Win11怎样强制开启毛玻璃横向排列
  • H5漂流瓶交友源码 社交漂流瓶H5源码 附安装教程
  • 2021美国奇幻冒险《超能敢死队》HD1080P.中英双字
  • 关于goto在线解密源码问题
  • 全新防黑运营版在线客服系统源码 自助注册客服系统/im即时通讯聊天/多商户机器人
  • 学法减分小程序2021最新可用可运营源码附带安装教程
  • 标签列表
  • hide (50)
  • 微信 (8)
  • 模板 (21)
  • 代码 (36)
  • typecho (131)
  • 样式 (11)
  • 页面 (24)
  • 图片 (25)
  • wordpress (10)
  • 文章 (36)
  • 目录 (12)
  • 后台 (12)
  • 浏览器 (9)
  • 链接 (10)
  • 分类 (12)
  • 归档 (14)
  • pjax (11)
  • 设置 (10)
  • 支持 (9)
  • 缩略图 (9)
  • 特性 (10)
  • 主题 (32)
  • 全站 (7)
  • 评论 (11)
  • typecho插件 (21)
  • 最新留言
    站点信息
    • 文章总数:933
    • 页面总数:11
    • 分类总数:28
    • 标签总数:927
    • 评论总数:182
    • 浏览总数:102473
    请先 登录 再评论,若不是会员请先 注册