jsp页面不能在chrome中工作,但在mozila和opera中运行良好 [英] jsp page not working in chrome but works well in mozila and opera

查看:206
本文介绍了jsp页面不能在chrome中工作,但在mozila和opera中运行良好的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个登录页面,需要用户名和密码才能移至主页。

所以我有两个字段,分别是用户名和密码。输入用户名和密码后,您必须按下回车键(从键盘),因为我隐藏了提交按钮。

我已经在mozilla firefox和opera浏览器中测试过了,它的工作原理非常完美,但是在谷歌浏览器中它不起作用。请告诉我怎么做。

 <%@ page import =java.sql。*%> 
<%@ page import =DB。*%>
<%@ page language =javacontentType =text / html; charset = UTF-8
pageEncoding =UTF-8%>
<!DOCTYPE html PUBLIC - // W3C // DTD HTML 4.01 Transitional // ENhttp://www.w3.org/TR/html4/loose.dtd\">
< html>
< head>
< meta http-equiv =Content-Typecontent =text / html; charset = UTF-8>
< title> Spanwave< / title>
< meta name =keywordscontent =/>
< meta name =descriptioncontent =/>
< meta http-equiv =content-typecontent =text / html; charset = utf-8/>
< title> DiaEmr< / title>

< link href =style.css =stylesheettype =text / cssmedia =screen/>




< script type =text / javascript>
函数ccheck()
{
uid = document.getElementByName('uid').value;
cpass = document.getElementByName('cpass').value;

if(uid ==|| uid == null)
{
alert(Plz。Enter Your User ID);
document.f1.uid.focus();
返回false;

if(cpass ==|| cpass == null)
{
alert(Plz。Enter Your Password);
document.f1.cpass.focus();
返回false;
}
返回true;
}
< / script>
< / head>
< body>
<%
if(session.getAttribute(login)== null)
{
%>
< div id =menu-wrapper> << center>< h2>糖尿病手术 - 数据注册表< / h2> < /中心],[
< div id =menu>

< ul>

< / ul>
< / div>
<! - end #menu - >
< / div>
< div id =banner>< a href =#>< img src =images / img01.jpgwidth =1000height =500alt =rotate imageid =rotator>< / a>< / div>
< div id =header-wrapper>
< div id =header>
< div id =logo>
< h1>< a href =#> Dia< span> EMR< / span>< / a>< / h1>
< p>网页设计< a href =http://www.spanwave.com> Spanwave< / a>< / p>
< / div>
< / div>
< / div>
< div id =wrapper>
<! - end #header - >
< div id =page>
< div id =page-bgtop>
< div id =page-bgbtm>
< div id =sidebar>
< ul>
< li>
< h2>入口登录< / h2>
< div>
< form id =f1name =f1method =postaction =authentication.jsponsubmit =return ccheck()>

用户名< input type =textname =uidid =search-usernamevalue =/>
密码< input type =passwordname =cpassid =search-passwordvalue =/>
< input type =submitid =search-submitvalue =/>< br>< br>新用户< a href =UserRegistration.jsp> / A>

< / form>
< / div>




< / ul>
< / div>
<! - end #sidebar - >
< div id =content>
< div class =post>
< h2 class =title>欢迎使用DiaEmr< / h2>

< div style =clear:both;>& nbsp;< / div>
< div class =entry>
< p>欢迎来到所有< strong>关于回访介入的研讨会。< / strong> ;,
< b>巴西< / b>开创&推出这个非常重要的数据注册表< br>
解决方案的主要功能 - < br>
- 电子医疗记录< br>
- 数据分析< br>
- 轻松预约排程< br>
- 患者提醒< br>
-Anytime,随处访问< br>
- 高度安全的数据< br>
-Rich用户界面
< / div>
< / div>

< / div>
< / div>

< / div>
< div style =clear:both;>& nbsp;< / div>
< / div>
<! - end #content - >


< div style =clear:both;>& nbsp;< / div>
< / div>
< / div>
< / div>
<! - end #page - >
< / div>
< div id =footer>
< p>& copy; 2013年Spanwave.com |由< a href =http://www.spanwave.com> Spanwave< / a>设计< / p>
< / div>
<! - end #footer - >
< script type =text / javascript>
var()函数(){
var rotator = document.getElementById('rotator');
var imageDir ='images /';
var delayInSeconds = 5;
//列出图片名称
var images = ['img02.jpg','img03.jpg','img04.jpg','img01.jpg'];

// don'
var num = 0;
var changeImage = function(){
var len = images.length;
rotator.src = imageDir + images [num ++] ;
if(num == len){
num = 0;
}
};
setInterval(changeImage,delayInSeconds * 1000);
} )();
< / script>
<%} else {response.sendRedirect(frameSet.jsp);}%>
< / body>
< / html>


解决方案

删除您两次写入的srcipt

 < script type =text / javascript> 
$(function(){// HERE
var rotator = document.getElementById('rotator');
var imageDir ='images /';
var delayInSeconds = 5;
//列出图片名称
var images = ['img02.jpg','img03.jpg','img04.jpg','img01.jpg'];

//不要在这行之下改变
var num = 0;
var changeImage = function(){
var len = images.length;
rotator.src = imageDir + (num num len);
if(num == len){
num = 0;
}
};
setInterval(changeImage,delayInSeconds * 1000);
}); // HERE
< / script>

并给出不同的ID

<$ p $用户名称< input type =textname =uidid =search-usernamevalue =/>
密码< input type =passwordname =cpassid =search-passwordvalue =/>

和函数ccheck()尝试像这样编辑

 函数ccheck()
{
uid = document.getElementByName('uid')。value;
cpass = document.getElementByName('cpass').value;


I have a login page which requires username and password to move to home page.

So I have two fields one for username and another for password. After entering username and password you have to press the enter key(from the keyboard) because I have hidden the submit button.

I have tested in mozilla firefox and opera browser and it works perfectly but in google chrome its not working. Please tell me how to do.

   <%@ page import="java.sql.*" %>
<%@ page import="DB.*" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Spanwave</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>DiaEmr</title>

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />




<script type="text/javascript">
function ccheck()
{
uid=document.getElementByName('uid').value;
    cpass=document.getElementByName('cpass').value;

if(uid=="" || uid==null)
{
alert("Plz. Enter Your User ID");
document.f1.uid.focus();
return false;
}
if(cpass=="" || cpass==null)
{
alert("Plz. Enter Your Password");
document.f1.cpass.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<%
if(session.getAttribute("login")==null)
{
%>
<div id="menu-wrapper">     <<center><h2>Diabetes Surgery-Data Registry</h2>    </center>
    <div id="menu">

        <ul>

        </ul>
    </div>
    <!-- end #menu --> 
</div>
<div id="banner"><a href="#"><img src="images/img01.jpg" width="1000" height="500" alt="rotating image" id="rotator"></a></div>
<div id="header-wrapper">
    <div id="header">
        <div id="logo">
            <h1><a href="#">Dia<span>EMR</span></a></h1>
            <p>Website design by <a href="http://www.spanwave.com">Spanwave</a></p>
        </div>
    </div>
</div>
<div id="wrapper"> 
    <!-- end #header -->
    <div id="page">
        <div id="page-bgtop">
            <div id="page-bgbtm">
                <div id="sidebar">
                    <ul>
                        <li>
                            <h2>Portal    Login</h2>
                            <div >
                                <form id="f1" name="f1" method="post" action="authentication.jsp" onsubmit="return ccheck()">

                                        User Name<input type="text" name="uid" id="search-username" value="" />
                                        Password<input type="password" name="cpass" id="search-password" value="" />
                                        <input type="submit" id="search-submit" value="" /><br><br>New User<a href="UserRegistration.jsp">Register </a>

                                </form>
                            </div>




                    </ul>
                </div>
                <!-- end #sidebar -->
                <div id="content">
                    <div class="post">
                        <h2 class="title">Welcome to DiaEmr </h2>

                        <div style="clear: both;">&nbsp;</div>
                        <div class="entry">
                            <p>welcome to all the <strong>"Workshop on Ileal Interposition".</strong>,
                                                <b>Brazil</b> to inaugurate & launch this very important Data Registry<br>
                                                Key features of the solution-<br>
   -Electronics Medical Records<br>
   -Data Analysis<br>
   -Easy Appointment Scheduling<br>
   -Patient Reminder<br>
   -Anytime,Anywhere Access<br>
   -Highly Secured Data<br>
   -Rich User Interface
                        </div>
                    </div>

                        </div>
                    </div>

                    </div>
                    <div style="clear: both;">&nbsp;</div>
                </div>
                <!-- end #content -->


                <div style="clear: both;">&nbsp;</div>
            </div>
        </div>
    </div>
    <!-- end #page --> 
</div>
<div id="footer">
    <p>&copy; 2013 Spanwave.com  | Design by <a href="http://www.spanwave.com">Spanwave</a>.</p>
</div>
<!-- end #footer -->
<script type="text/javascript">
    (function() {
        var rotator = document.getElementById('rotator');  
        var imageDir = 'images/';                          
        var delayInSeconds = 5;                           
        // list image names
        var images = ['img02.jpg', 'img03.jpg', 'img04.jpg', 'img01.jpg'];

        // don't change below this line
        var num = 0;
        var changeImage = function() {
            var len = images.length;
            rotator.src = imageDir + images[num++];
            if (num == len) {
                num = 0;
            }
        };
        setInterval(changeImage, delayInSeconds * 1000);
    })();
    </script>
<%}else{response.sendRedirect("frameSet.jsp");}%>
</body>
</html>

解决方案

Remove the srcipt that you wrote twice

<script type="text/javascript">
$(function() {             //HERE
    var rotator = document.getElementById('rotator');  
    var imageDir = 'images/';                          
    var delayInSeconds = 5;                           
    // list image names
    var images = ['img02.jpg', 'img03.jpg', 'img04.jpg', 'img01.jpg'];

    // don't change below this line
    var num = 0;
    var changeImage = function() {
        var len = images.length;
        rotator.src = imageDir + images[num++];
        if (num == len) {
            num = 0;
        }
    };
    setInterval(changeImage, delayInSeconds * 1000);
});          //HERE
</script>

and give different ids for

User Name<input type="text" name="uid" id="search-username" value="" />
Password<input type="password" name="cpass" id="search-password" value="" />

and on function ccheck() try to edit like this

function ccheck()
{
    uid=document.getElementByName('uid').value;
    cpass=document.getElementByName('cpass').value;

这篇关于jsp页面不能在chrome中工作,但在mozila和opera中运行良好的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆