利用json完成简单登录验证

最新推荐文章于 2025-10-27 14:10:10 发布

原创

最新推荐文章于 2025-10-27 14:10:10 发布 · 1.5w 阅读

40 ·

CC 4.0 BY-SA版权

文章标签：

#json #登录验证

用json实现简单登录跳转页面，文件结构如下：总目录9_18login，需要将data.json监听起来，


<!-- login.html
    主要实现登录验证，登录成功跳转页面
    页面美化使用Bootstrap，可到官网直接下载
 -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="bootstrap.css">
	<style type="text/css">
		div.wrap{
			width: 400px;
			margin: 100px auto;
		}
		span.help-block{
			color: red!important;
			display: none;
		}

	</style>
</head>
<body>
	<div class="wrap">
		<form>
		  <div class="form-group">
		    <label for="username">Username</label>
		    <input type="text" class