1

我正在访问一个 JSP 页面。在这个 JSP 页面中，我有 Jquery + Scriplets + 一些 JSP 标记（div、输入、表单等）+ Java 脚本。

这个 JSP 页面将用户名作为用户的输入。如果用户没有输入他的用户名，只是点击提交按钮，页面将刷新并抛出错误消息。页面将刷新并点击相同的 URL（错误消息不在新页面中显示）

在用户点击提交按钮并抛出错误消息的过程中，Chrome 浏览器也在瞬间渲染 JSP 页面中的其他 DIV 元素并向用户抛出所需的错误消息。

当 Chrome 浏览器在 JSP 中渲染其他元素（div、input 等）时，当同一页面被点击时，它会向用户提供其他元素的图片。这在 IE 和 FF 中不会发生。

如何在 Chrome 中避免这种情况？

@Alfasin： 我附上了下面的 JSP 代码。让我知道是否需要任何其他详细信息。

<html>
<head>
<script type="text/javascript" src="/static-files/scripts/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/static-files/scripts/tooltip.js"></script>
<script type="text/javascript" src="/static-files/scripts/jquery-ui.min.js"></script>
<link href="/static-files/css/jquery-ui-rev.css" type="text/css" rel="stylesheet"/>
<%@page import="javax.servlet.http.Cookie"%>
<%
        String visitingCookie = "AUTHCookie";
        String urlCookie = "URLCookie";
    String movieCookieName="movieCookie";
        String displayOnlyPwd = "false";
        Cookie[] cookielist = request.getCookies();
        if(cookielist != null)
          {
              for(int i = 0; i<cookielist.length; i++)
               {
                  Cookie cookie = cookielist[i];
                  if(cookie.getName().contains(visitingCookie) && 
!cookie.getValue().equals(""))
                    {
                          displayOnlyPwd = "true";
                          request.setAttribute("AUTHCookie",cookie.getValue());
                          request.setAttribute("displayOnlyPwd",displayOnlyPwd);
                          break;
                   }
              }
        if(displayOnlyPwd.contains("false"))
        {
            request.setAttribute("displayOnlyPwd",displayOnlyPwd);
        }
       }
    else{
        displayOnlyPwd = "false";
        request.setAttribute("displayOnlyPwd",displayOnlyPwd);
    }
%>
<script type="text/javascript">
$(function() {
    $("#toopt a").tooltip({
    bodyHandler: function() {
        return $($(this).attr("href")).html();
    },
 });
   });

function delete_cookie ( cookie_name )
{
  var cookie_date = new Date ( );  
  cookie_date.setTime ( cookie_date.getTime() - 1 );
  document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

function checkpassword() 
{
var checkPassword=document.getElementById("password").value;
var counter=0;
var errMsg=" ";
var errMsg1=" ";

    if(checkPassword.length==0)
        {

         errMsg+="Please enter a valid Password.";
                     document.writeln("<form name=\"errForm\" method=\"POST\" action=\"http://myDomain/web/portal/home/-/portal/login?_58_redirect=%2Fweb%2Fportal%2Flogout\">");
         document.writeln("<input type=\"hidden\" name=\"errMsg\" value=\"" + errMsg + "\">");
         document.writeln("</form>");
         document.errForm.submit(); 
         return false;
            }

}
function enableDisableForm(myVar)
{
if(myVar == "true")
{
$(document).ready(function()
            {
            $("#disableDivForm").dialog({
         autoOpen:true,
     position:'center',
        height:167,
        width: 472,
        modal: true

            });
            });



var div1 = document.getElementById("enableDivForm");
div1.style.display = "none";


}
else
{


var div2 = document.getElementById("disableDivForm");
div2.style.display = "none";
 }
}
</script>
</head>

我在这里粘贴了 50% 的代码。还有50%要走。你需要我粘贴完整的代码吗？

问候，

4

1 回答 1

1

上传带有属性的正文：
"style= display: none;"

并且只有在您完成上传页面之后（如果您使用的是 jQuery，则作为就绪函数中的最后一个命令）执行：

$("#body).show();
于 2012-10-24T15:25:20.007 回答