js登陆验证

简介: js登陆验证

当开始制作网页时,就需要做一个判断,不管在第几页进入,都要加一个登陆验证,只有用户有账号,才能进入网页,浏览网页信息。下面就来看一下,使用JavaScript几行代码实现登陆验证。


首先 登录页是index.html命名的。然后再登陆成功时存储一个值,值为用户的id。然后在其他页面取值,判断是否有用户id,没有则直接跳转到登录页进行跳转。


详细代码:html

sessionStorage.setItem('a', JSON.stringify(res));

js代码:

// 登陆验证 取值
let Id = sessionStorage.getItem("a");
console.log(Id);
//判断有无用户id,如果有就是从登录页登录,不是就从登录页登录
if (Id) {
  console.log("已登录");
} else {
  window.location.href = "index.html";
};
目录
相关文章
Nest.js JWT 验证授权管理
Nest.js JWT 验证授权管理
187 3
Nest.js JWT 验证授权管理
|
10月前
egg.js 24.18参数验证
egg.js 24.18参数验证
95 0
egg.js 24.18参数验证
Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证
这篇文章介绍了next-auth,一个为Next.js设计的身份验证库,支持多种认证方式,如电子邮件和密码、OAuth2.0提供商(如Google、GitHub、Facebook等)以及自定义提供商。文章包含了如何配置Github Provider以及会话管理,并提到了适配器Adapters在next-auth中的作用。最后,文章强调了next-auth的强大功能值得进一步探索。
102 10
JavaScript:验证输入
【9月更文挑战第02天】
71 6
|
7月前
|
js实现登陆注册
js实现登陆注册
57 1
JavaScript 验证 API
JavaScript 验证 API
54 2
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
81 1
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
250 1
Vue.js 表单处理技巧大揭秘!v-model 与自定义验证综合运用,打造高效表单处理体验!
【8月更文挑战第31天】Vue.js 是一款备受欢迎的前端框架,其表单处理功能强大且灵活。v-model 指令可实现双向数据绑定,简化表单元素值与 Vue 实例数据的同步过程;结合自定义验证规则,则能确保用户输入数据符合特定要求。无论是简单的单字段校验还是复杂的多字段验证,Vue.js 均提供了简洁有效的解决方案,有效提升了表单处理效率及用户体验。通过综合运用 v-model 和自定义验证,开发者能够实时反馈错误信息并控制表单状态,从而增强应用的交互性与可靠性。
90 0
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等