代码如下：
<!DOCTYPEhtml>
<htmllang="en"><head>
<metacharset="UTF-8">
<title>login</title>
<scripttype="text/javascript"src="../pagejs/bootstrap.min.js"></script>
<scripttype="text/javascript"src="../pagejs/jquery-2.1.4.min.js"></script>
<linkrel="stylesheet"type="text/css"href="../pagecss/bootstrap.min.css"/>
<scripttype="text/javascript">
functionshowmsg(msgdata){
$("#msginfo").hide();
$("#msginfo").html("<b>"+msgdata+"</b>");
$("#msginfo").show(1000);
}
$().ready(function(){
$("#login").click(function(){
varuser=$("#inputEmail").val();varpwd=$("#inputPassword").val();if(user==""||pwd==""){
showmsg("pleaseinputemailandpassword");return;
}
$.post("login.do",{
email:user,
pwd:pwd
},function(data,status){
if(data=="loginok"){
location.href="welcome.jsp";
}else{
showmsg(data);
}
});
});
})</script></head><body><pclass="container">
<pclass="rowclearfix">
<pclass="col-md-12column">
<ulclass="breadcrumb">
<li>
<ahref="../index.html">Home</a>
</li>
<liclass="active">
LOGIN</li>
</ul>
</p>
</p></p><pclass="container">
<pclass="rowclearfix">
<pclass="col-md-2column">
<pstyle="height:100px;clear:both"></p>
<imgalt="140x140"src="../image/icon.jpg"class="img-circle"style="width:160px;height:160px"/>
</p>
<pclass="col-md-6column">
<pclass="page-header">
<h1>
WelcometoSp4System</h1>
</p>
<formclass="form-horizontal"role="form"id="login_form"action="login.do"method="post">
<pclass="form-group">
<labelfor="inputEmail"class="col-sm-2control-label">Email</label>
<pclass="col-sm-10">
<inputtype="email"class="form-control"id="inputEmail"name="email"/>
</p>
</p>
<pclass="form-group">
<labelfor="inputPassword"class="col-sm-2control-label">Password</label>
<pclass="col-sm-10">
<inputtype="password"class="form-control"id="inputPassword"name="pwd"/>
</p>
</p>
<pclass="form-group">
<pclass="col-sm-offset-2col-sm-10">
<pclass="checkbox">
<label><inputtype="checkbox"/>Rememberme</label>
</p>
</p>
</p>
<pclass="form-group">
<pclass="col-sm-offset-2col-sm-2">
<buttonid="login"type="button"class="btnbtn-default">Signin</button>
</p>
<pclass="col-sm-8">
<h4id="msginfo"></h4>
</p>
</p>
</form>
</p>
<pclass="col-md-4column">
</p>
</p></p></body>
</html>
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h55016.shtml
