前言
登陆和注册已经是网站的标配了,所以这是我们web开发学习过程中必学的了。其实很容易实现,只需要懂数据库的增删改查,还有if_else的条件语句即可做出来。
目录
css
--Login-Reg.css
server
--LoginUser.php
--RegUser.php
--LoginFrom.html
--RegForm.html
注册
RegForm.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<link rel="stylesheet" type="text/css" href="css/Login-Reg.css">
</head>
<body>
<h2 id="Reg-text">用户注册</h2>
<div id="Form-con">
<form id="form1" onsubmit="return false" action="##" method="post">
<input type="text" name="username" class="inputStyle" placeholder="请输入账号"><br/>
<input type="password" name="password" class="inputStyle" placeholder="请输入密码"><br/>
<input type="password" name="cpassword" class="inputStyle" placeholder="请确认密码"><br/>
<input type="submit" class="btnStyle" value="注册" onclick="RegUser()">
</div>
<div id="Result"></div>
</form>
</body>
<!-- AJAX提交表单 -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
function RegUser() {
$.ajax({
type: "POST",//方法
url: "../server/RegUser.php" ,//表单接收url
data: $('#form1').serial