jsp页面不能在chrome中工作,但在mozila和opera中运行良好 [英] jsp page not working in chrome but works well in mozila and 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;"> </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;"> </div>
</div>
<!-- end #content -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
</div>
<div id="footer">
<p>© 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屋!