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

热门文章

最新文章