<html><head>
<scrīpt type="text/javascrīpt" src="
jquery.js"></scrīpt>
<scrīpt type="text/javascrīpt" src="login.js"></scrīpt>
</head><body>
<div class="title">会员登录</div>
<div id="login" class="content" style="height:160px">
<form method="post" action="login.php" id="login_form" name="login_form">
<ul>
<li>名字：<input type="text" name="login_id" id="login_id" size="16" maxlength="20"></li>
<li>密码：<input type="password" name="login_pwd" id="login_pwd" size="16" maxlength="20"></li>
<li>
<input type="image" src="images/btn_login.gif" style="border:0" />
<a href="regist.php"><image src="images/btn_regist.gif" border="0" /></a>
</li>
<li class="red_font" id="login_confirm"></li>
</ul>
</form>
</div>
</body></html>
//-----------------------------------login.js--------------------------------------------
//
//
$(document).ready
(
function()
{
$("#login_form").submit
(
function()
{
login();
return false;
}
)
}
);
function login()
{
var login_id = $("#login_id").val();
var login_pwd = $("#login_pwd").val();
if (login_id == "")
{
$("#login_confirm").text("请输入登录ID");
$("#login_id").focus();
return false;
}
if(login_pwd == "")
{
$("#login_confirm").text("请输入登录密码");
$("#login_pwd").focus();
return false;
}
$.ajax({
type: "POST",
url: "login.php",
data: "id=" + login_id + "&pwd=" + login_pwd,
beforeSend: function(){
$("#login_confirm").text("登录中，请稍候……");
},
success: function(msg){
alert( "Data Saved: " + msg );
$("#login_confirm").text("");
}
});
}
//--------------------------login.php---------------------------
在里面随便写什么都行
