登录界面
<body>
<form action="login1.php" method="post">
<div>用户名:<input type="text" name="uid" /></div><br />
<div>密码:<input type="password" name="pwd" /></div><br />
<div><input type="submit" value="登录"/></div>
</form>
</body>
后台登录处理
<?php
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
$db = new MySQLi("localhost","root","","0710_info");
if(mysqli_connect_error()){
die("连接失败");
}
$sql = "select pwd from users where uid='{$uid}'";
//echo $sql;
$result = $db->query($sql);
$arr = $result->fetch_row();
//防止sql注入攻击
if($arr[0]==$pwd && !empty($pwd)){
//跳转到主界面(php方式)
header("location:register_system.php");
//JS跳转页面方式
/*echo "<script>
window.location.href='register_system.php'
</script>";*/
}else{
header("location:login_system.php");
}
?>
注册界面
<body>
<form action="register1.php" method="post" >
<div style="font-size:20px; font-weight:1000; font-family:微软雅黑; margin-left:50px; margin-bottom:20px">用户注册</div>
<div>用户名:<input type="text" name="uid" /></div><br />
<div>登录密码:<input type="password" name="pwd" /></div><br />
<div>姓名:<input type="text" name="name" /></div><br />
<div>性别:
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女
</div><br />
<div><input type="submit" value="注册" onclick="return check()"/></div>
</form>
</body>
JS表单验证
<script>
function check(){
var uid = document.getElementsByTagName("input")[0].value;
if(uid == ""){
alert("请输入用户名!");
return false;
}
var pwd = document.getElementsByTagName("input")[1].value;
if(pwd == ""){
alert("请输入密码!");
return false;
}
var name = document.getElementsByTagName("input")[2].value;
if(name == ""){
alert("请输入姓名!");
re