首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

jquery放入jsp中失效解决方法

2012-05-02 
jquery放入jsp中失效请问,我在jsp中添加了jquery代码,运行后jquery失效,但是如果把jsp改成html后却正常执

jquery放入jsp中失效
请问,我在jsp中添加了jquery代码,运行后jquery失效,但是如果把jsp改成html后却正常执行,这是怎么回事啊,谢谢啦。
我是用myeclipse做得,在mozilla中预览时可以看到效果,可是在IE中却不行。
这是我的代码:
<%@ page contentType="text/html;charset=gb2312" pageEncoding="GB2312"%>
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html"%>
<%@ page isELIgnored="false" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<link href="css/complete_form.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#signup').validate({
  rules: {
  email: {
  required: true,
  email: true
  },
  password: {
  required: true,
  rangelength:[8,16]
  },
  password2: {equalTo:'#password'},
phone:{
required:true,
number:true,
rangelength:[11,11]
},
address:{
required:true
},
  problemAnswer:{
  required:true
  },
trueName:{required:true},
  spam: "required"
  }, //end rules
  messages: {
  email: {
  required: "请输入邮箱地址",
  email: "这不是正确的邮箱地址格式"
  },
  password: {
  required: '请输入一个密码',
  rangelength: '密码必须是8到16位的有效字符'
  },
  password2: {
  equalTo: '两次输入的密码不一致'
  },
phone:{
required:'请输入一个号码',
number:'存在非数字字符',
rangelength:'手机号码不是有效位数'
},
address:{required:'请输入有效地址'
},
problemAnswer:{required:'请输入有效答案'
},
trueName:{required:'请输入有效姓名'
},
  },
  errorPlacement: function(error, element) { 
  if ( element.is(":radio") || element.is(":checkbox")) {
  error.appendTo( element.parent()); 
  } else {
  error.insertAfter(element);
  } 
  } 
  }); // end validate 
}); 
</script>
</head>
<body background="images/login.jpg">
<form action="UserRegister.do?method=register" method="post" name="signup" id="signup">
  <fieldset>
  <div class="title">用户注册</div>
  <div class="fuzhu">注意:带*的为必填项</div>
  </fieldset>
  <fieldset>
<legend class="declare">请输入您的基本信息</legend>
<div>
  <label for="name" class="label">*昵称</label>
  <input name="userName" type="text" class="required" id="name" title="请输入昵称"></input>
  <label class="declare">&nbsp;&nbsp;只能是数字或者英文字母</label>
  </div>
<div>
  <label for="name" class="label">*真实姓名</label>
  <input name="trueName" type="text" class="required" id="trueName" title="请输入姓名"></input>


  </div>
  <div>
  <label for="email" class="label">*邮箱注册</label>
  <input name="email" type="text" id="email"/>@2011.com
  <label class="declare">&nbsp;&nbsp;请与昵称名相同</label>
  </div>
<div>
<label for="telphone" class="label">*手机号码</label>
<input name="phone" type="text" id="phone" class="phone" title="请输入有效号码" />
</div>
<div>
<label for="address" class="label">*详细地址</label>
<input name="address" type="text" id="address" class="address" title="请输入有效地址" />
</div>
</fieldset>
<fieldset>
<legend class="declare">请填写安全设置<span>(&nbsp;以下信息对保护您的帐号安全极为重要,请您慎重填写并牢记&nbsp;)</span></legend>
<div>
  <label for="password" class="label">*密码</label>
  <input name="password" type="password" id="password"></input>
  </div>
  <div>
  <label for="password2" class="label">*确认密码</label>
  <input name="password2" type="password" id="password2"/>
  </div>
<div>
  <label for="planet" class="label">*密码保护</label>
  <select name="problem" id="planet" class="required" title="请选择一个planet.">
  <option value="" selected="selected" >--请选择一内容--</option>
  <option value="我就读的中学名称?" >我就读的中学名称?</option>
  <option value="我最喜欢的运动员是谁?" >我最喜欢的运动员是谁?</option>
  <option value="我最喜欢的物品的名称?" >我最喜欢的物品的名称?</option>
  <option value="我最喜欢的歌曲?" >我最喜欢的歌曲?</option>
  <option value="我最喜欢的食物?" >我最喜欢的食物?</option>
  <option value="我最爱的人的名字?" >我最爱的人的名字?</option>
  <option value="我最爱的电影?" >我最爱的电影?</option>
  <option value="我妈妈的生日?" >我妈妈的生日?</option>
  <option value="我的自定义问题" >我的自定义问题</option>
  </select>
  </div>
<div>
<label for="address" class="label">*问题答案</label>
<input name="problemAnswer" type="text" id="problemAnswer" class="problemAnswer" title="请输入您的密保答案" />
</div>
</fieldset>
<fieldset>
<div class="labelBlock">你是否同意条款《<a href="agreement.html" class="a">服务规约</a>》</div>
  <div>
  <input type="radio" name="agree" id="yes" value="yes" class="required" title="请选择一个选项" checked/>
  <label for="yes">同意</label>
  <input type="radio" name="agree" id="definitely" value="definitely"/>
  <label for="definitely">拒绝</label>
  </div>


  <div>
  <input type="submit" name="submit" id="submit" value="提交" />
<input type="reset" name="reset" id="reset" value="刷新" />
  </div>
</fieldset>
  </form>
</body>
</html>


[解决办法]

探讨
相同的代码在不同浏览器中运行的效果是不一样的,你要考虑到浏览器兼容的问题

[解决办法]
HTML code
<%@ page contentType="text/html;charset=gb2312" pageEncoding="GB2312"%>[color=#FF0000]<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html"%><%@ page isELIgnored="false" %><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>[/color]
[解决办法]
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html"%>
<%@ page isELIgnored="false" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

热点排行