<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <label for="username">账号:</label> <input type="text" id="username"><br> <label for="password">密码:</label> <input type="password" id="password"><br> <button onclick="login()">登录</button> <button onclick="register()">注册</button> <script> //点击登录执行的事件 function login() { let username = document.getElementById('username').value; let password = document.getElementById('password').value; // 检查 sessionStorage 中是否存在对应的用户名和密码 if (sessionStorage.getItem(username) === password) { alert('登录成功'); } else { alert('登录失败，请检查你的账号密码'); } } //点击注册执行的事件 function register() { let username = document.getElementById("username").value; let password = document.getElementById('password').value; // 检查 sessionStorage 中是否已经存在相同的用户名 if (sessionStorage.getItem(username)) { alert('用户名已存在. 请重新输入'); } else { sessionStorage.setItem(username, password); alert('注册成功，请登录'); } } </script> </body> </html>
js实现登陆注册
2024-08-23
27
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js实现登陆注册
目录
相关文章
|
4月前
|
JavaScript
数据安全/隐私保护
|
11月前
|
JavaScript
前端开发
数据安全/隐私保护
|
21天前
|
JavaScript
前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
45
0
0
|
1月前
|
存储
JavaScript
前端开发
|
2月前
|
开发框架
前端开发
JavaScript
循序渐进VUE+Element 前端应用开发(22）--- 简化main.js处理代码，抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
循序渐进VUE+Element 前端应用开发(22）--- 简化main.js处理代码，抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
24
0
0
|
2月前
|
JavaScript
前端开发
API
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
28
0
0
|
2月前
|
JavaScript
数据安全/隐私保护
node.js 命令行的命令注册和配置工具（最新版） commander.js 实用教程（含自研脚手架的创建流程）
node.js 命令行的命令注册和配置工具（最新版） commander.js 实用教程（含自研脚手架的创建流程）
85
0
0
|
9月前
|
4月前
|
前端开发
NoSQL
数据库
切图仔做全栈：React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
切图仔做全栈：React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
113
0
0
|
4月前
|
前端开发
JavaScript
数据安全/隐私保护
热门文章
最新文章
1
JavaScript基本数据类型分析
2
node.js16.13.0版本 对应node-sass sass-loader 可行版本号
3
【译】适用于Node.js和TypeScript的完整ORM —— Prisma
4
带你读《实用Bot开发指南：基于Node.js与Bot框架设计并构建聊天机器人》之三：语言理解智能服务
5
JavaScript的几种循环方式
6
javascript级联菜单，数据从数据库中获取
7
Js~对Boxy弹出框进行封装，提供弹出后自动隐藏与自动跳转功能
8
JavaScript arguments对象
9
Android与Javascript交互
10
读javascript高级程序设计14-错误处理与调试
1
JS+CSS3点击粒子烟花动画js特效
36
2
JavaScript字符串检查：从基础到高级
50
3
使用 JavaScript 获取 URL 参数的详细指南
6498
4
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
190
5
Java Script 中的垃圾回收机制有哪些缺点
49
6
描述 JavaScript 中的垃圾回收机制。
50
7
如何使用 JavaScript 操作 DOM？
47
8
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
42
9
JavaScript 中的数组方法有哪些？
41
10
JS设置日期为0时0分0秒
182