81,092
社区成员
发帖
与我相关
我的任务
分享
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html >
<head>
<meta charset="UTF-8">
<title>购物商店</title>
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<body style="background-image:url(img/1.png);">
<div class="container" style="margin-top:100px;">
<form class="well" style="width:220px;margin:0px auto;">
<legend>系统登录</legend>
<label>账号</label>
<input type="text" name="name" id="name" /> <span id="name-msg" style="color:red;font-size:12px"></span>
<label >密码</label>
<input type="text" name="pwd" id="pwd" />
<button class="btn btn-primary" id="btn">登录</button>
</form>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("hahah");
function validateName() {
var name = $("#name").val();
if(name.trim().length == 0) {
return false;
}
return true;
}
function validatePwd() {
var pwd = $("#pwd").val();
if(pwd == "") {
return false;
}
return true;
}
$("#name").blur(function(){
var result = validateName();
if(!result) {
$("#name-msg").html("* 用户名不能为空");
}
});
$("#button" ).click(function(){
});
});
</script>
</body>
</html>