会员登录界面验证
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>尚硅谷会员登录页面</title>
<link type="text/css" rel="stylesheet" href="../../static/css/style.css"/>
<script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function () {
$("#sub_btn").click(function () {
var flag = true;
$(".errMess").css("visibility", "hidden")
var username = $("#username").val();
var password = $("#password").val();
if (username == "") {
$("#msg_username").css("visibility", "visible")
flag = false;
}
if (password == "") {
$("#msg_password").css("visibility", "visible")
flag = false;
}
return flag;
})
})
</script>
</head>
<body>
<div id="login_header">
<a href="../../index.html">
<img class="logo_img" alt="" src="../../static/img/logo.gif"/>
</a>
</div>
<div class="login_banner">
<div id="l_content">
<span class="login_word">欢迎登录</span>
</div>
<div id="content">
<div class="login_form">
<div class="login_box">
<div class="tit">
<h1>尚硅谷会员</h1>
</div>
<div class="msg_cont">
<b></b>
<span class="errorMsg">请输入用户名和密码</span>
</div>
<div class="form">
<form action="login_success.html">
<label>用户名称:</label>
<input
class="itxt"
type="text"
placeholder="请输入用户名"
autocomplete="on"
tabindex="1"
name="username"
id="username"
/>
<br/>
<span style="visibility: hidden;color: red" class="errMess" id="msg_username">请输入用户名</span>
<br/>
<label>用户密码:</label>
<input
class="itxt"
type="password"
placeholder="请输入密码"
autocomplete="off"
tabindex="1"
name="password"
id="password"
/>
<br/>
<span style="visibility: hidden;color: red" class="errMess" id="msg_password">请输入密码</span>
<br/>
<input type="submit" value="登录" id="sub_btn"/>
</form>
<div class="tit">
<a href="regist.html">立即注册</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom">
<span>
尚硅谷书城.Copyright ©2015
</span>
</div>
</body>
</html>