<?php// 获取post 数据
function post($s="") {
if($s) {
return isset($_POST[$s]) ? $_POST[$s] : "";
} else {
return $_POST;
}
}$name = post('name');
$password = post('password');
// $name = 'admin';
// $password = '123';// 这里判断结果验证的结果，
if($name && $password) {
if(("admin" === $name ) && ("123" === $password)) {
// 结果是正确的处理
setcookie( 'date', md5($name).'@'.md5($password) );
echo "0";
} else {
// 结果是错误的处理
echo "2"; die();
}
}
?><!Doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>欢迎登陆</title>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.js"></script>
<script>
$(function() {$("#submit").click(function() {
htmlobj = $.ajax({
type:"post",
url: "logo.php",
data: "name="+$("#name").val()+"&"+"password="+$("#password").val(),
async: false,
datatype: 'text',
success: function(data) {
}
});
// 0 表示成功 1 表示用户名错误（当然密码也是错误的） 2 表示密码错误
x = parseInt((htmlobj.responseText).toString());switch(x) {
case 0 :
$(".name_wrong").hide();
$(".password_wrong").hide();
window.location.href="index.php";
break;
case 1 :
$(".name_wrong").show();
$(".password_wrong").show();
break;
case 2 :
$(".name_wrong").hide();
$(".password_wrong").show();
default :
break;
}
});
});
</script>
<style>
body { background-color: rgb(235,245,241); }
#logo { width: 400px; margin: 0 auto; margin-top: 100px; padding: 50px; }
form { position: relative; }
.info { font-size: 18px; font-weight: bold; height: 35px; margin: 0 auto; line-height: 40px; }
input { width:240px; height: 25px; font-size: 18px; padding-left: 10px; margin: 0 auto; line-height: 25px; }
fieldset { padding-left: 70px; border-radius: 10px; }
#submit { font-size: 16px; margin-top: 20px; width: 60px; height: 27px; }
legend { font-size: 20px; font-weight: bolder; }
.name_wrong { display: none; color: red; width: 30px; position: absolute; top: 62px; left: 340px; font-size: 30px; font-weight: 800; }
.password_wrong { display: none; color: red; position: absolute; top: 128px; left: 340px; font-size: 30px; font-weight: 800; }
</style>
</head>
<body>
<div id="logo">
<form action="" method="post">
<fieldset>
<legend>欢迎 ☆登陆☆ </legend>
<div class="info">名字</div>
<input type="text" name="name" id="name"/> <div class="name_wrong">×</div>
<div class="info">密码</div> <div class="password_wrong">×</div>
<input type="password" name="password" id="password"/>
<input type="button" value="提交" id="submit"/>
</fieldset>
</form>
</div>
</body>
</html>