帮我用js写一个注册登录的代码
时间: 2023-06-15 20:07:00 浏览: 35
好的,以下是一个简单的注册登录的代码,使用了LocalStorage来存储数据:
```javascript
// 注册
function register() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username && password) {
localStorage.setItem(username, password);
alert("注册成功!");
} else {
alert("用户名和密码不能为空!");
}
}
// 登录
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username && password) {
var storedPassword = localStorage.getItem(username);
if (password === storedPassword) {
alert("登录成功!");
} else {
alert("密码错误!");
}
} else {
alert("用户名和密码不能为空!");
}
}
```
在HTML中,你可以这样使用:
```html
<!DOCTYPE html>
<html>
<head>
<title>注册登录</title>
</head>
<body>
<h1>注册</h1>
<form>
<label>用户名:</label>
<input type="text" id="username" /><br /><br />
<label>密码:</label>
<input type="password" id="password" /><br /><br />
<button type="button" onclick="register()">注册</button>
</form>
<h1>登录</h1>
<form>
<label>用户名:</label>
<input type="text" id="username" /><br /><br />
<label>密码:</label>
<input type="password" id="password" /><br /><br />
<button type="button" onclick="login()">登录</button>
</form>
<script src="script.js"></script>
</body>
</html>
```
注意,这只是一个简单的示例,实际应用中需要更加完善的安全措施。
相关推荐
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<?php
session_start();
//注销登录
if(@$_GET['action'] == "logout"){
unset($_SESSION['userid']);
unset($_SESSION['username']);
echo '注销登录成功!点击此处 登录';
exit;
}
if(!isset($_POST['submit'])){
exit('非法访问!');
}
$username = htmlspecialchars($_POST['username']);
$password = MD5($_POST['password']);
//包含数据库连接文件
include('conn.php');
//检测用户名及密码是否正确
$check_query = mysql_query("select uid from user where username='$username' and password='$password' limit 1");
if($result = mysql_fetch_array($check_query)){
//登录成功
$_SESSION['username'] = $username;
$_SESSION['userid'] = $result['uid'];
echo $username,' 欢迎你!进入 用户中心
'; echo '点击此处 注销 登录!
'; exit; } else { exit('登录失败!点击此处 返回 重试'); } ?> </body> </html>
'; echo '点击此处 注销 登录!
'; exit; } else { exit('登录失败!点击此处 返回 重试'); } ?> </body> </html>