我是新手,第一次在myeclipse里用jquery,以html形式运行的很好,但是再myeclipse里jqueryl框架却不起作用,不知道哪位大虾知道这是怎么回事吗?
下面我在myeclipse里的源代码:<%@ 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>
下面我在myeclipse里的源代码:<%@ 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>
调整好格式 然后在看下你的jquery的文件引入的对不对,是不是路径写错了,检查方法是你可以发布出去以后,在浏览器里查看源文件,看下jquery的编译路径,然后复制下来,拼上你的项目路径,贴到浏览器的地址栏里 看浏览器能不能直接打开或者下载下来,如果不可以就代表你的路径是错的