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

jquery放入jsp中失效,该如何解决

2013-10-21 
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>

分享到:
[解决办法]

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


jquery 基本上所有浏览器都支持

要么是你代码有问题 包引用了没有

要么只能用别的浏览器看看
[解决办法]

<%@ 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+"/";
%>

红色部分删掉试试看。
[解决办法]
<%@ 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+"/";
%>

热点排行