请各位大虾们指点一下:js代码中如果没有function jump(pageCount)方法,只有function turn(pageCount,pageNum)方法,则可以正确点击分页导航,执行js脚本提交表单加上function jump(pageCount)方法,则不能执行js脚本提交表单,而是执行链接<a href="#" ...>为什么?请各位大虾多多指点,先谢谢了!
js代码如下:<script type="text/javascript">
function turn(pageCount,pageNum){
if(pageNum < 1){
pageNum = 1;
}
if(pageNum > pageCount){
pageNum =pageCount;
}
document.forms[0].pagenum.value = pageNum;
document.forms[0].submit();
}
function jump(pageCount){
var jumpNum = document.getElementById("jumpNum").value;
if(isInteger(jumpNum)){
if(jumpNum >=1 && jumpNum <= pageCount){
document.forms[0].pagenum.value = pageNum;
document.forms[0].submit();
}else{
alert("输入有误");
document.getElementById("jumpNum").value="";
document.getElementById("jumpNum").focus();
}
}else{
alert("输入有误");
document.getElementById("jumpNum").value="";
document.getElementById("jumpNum").focus();
}
}
funtion isInteger(str){
var reg = new RegExp("^[1-9][0-9]*$");
if(reg.test(str)){
return true;
}
return false;
}
</script>
下面是分页导航代码:
<td colspan="4" align="right">
<%
if(pageList.getPageCount()>1){
if(pageList.getPageNum()>1){
if(pageList.getPageNum()< pageList.getPageCount()){
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= 1%>); return false;">首页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()-1%>); return false;">上一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()+1%>); return false;">下一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageCount()%>); return false;">尾页</a>
<%
}else{
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= 1%>);return false;">首页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()-1%>);return false;">上一页</a>
<%
}
%>
<input type="text" name="jumpNum" id="jumpNum" size="5">
<input type="button" value="跳到指定页" onclick="jump(<%= pageList.getPageCount()%>);return false;">
<%
}else{
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%=pageList.getPageNum()+1%>);return false;">下一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%=pageList.getPageCount()%>);return false;">尾页</a>
<%
}
}
%>
</td>
js代码如下:<script type="text/javascript">
function turn(pageCount,pageNum){
if(pageNum < 1){
pageNum = 1;
}
if(pageNum > pageCount){
pageNum =pageCount;
}
document.forms[0].pagenum.value = pageNum;
document.forms[0].submit();
}
function jump(pageCount){
var jumpNum = document.getElementById("jumpNum").value;
if(isInteger(jumpNum)){
if(jumpNum >=1 && jumpNum <= pageCount){
document.forms[0].pagenum.value = pageNum;
document.forms[0].submit();
}else{
alert("输入有误");
document.getElementById("jumpNum").value="";
document.getElementById("jumpNum").focus();
}
}else{
alert("输入有误");
document.getElementById("jumpNum").value="";
document.getElementById("jumpNum").focus();
}
}
funtion isInteger(str){
var reg = new RegExp("^[1-9][0-9]*$");
if(reg.test(str)){
return true;
}
return false;
}
</script>
下面是分页导航代码:
<td colspan="4" align="right">
<%
if(pageList.getPageCount()>1){
if(pageList.getPageNum()>1){
if(pageList.getPageNum()< pageList.getPageCount()){
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= 1%>); return false;">首页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()-1%>); return false;">上一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()+1%>); return false;">下一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageCount()%>); return false;">尾页</a>
<%
}else{
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= 1%>);return false;">首页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= pageList.getPageNum()-1%>);return false;">上一页</a>
<%
}
%>
<input type="text" name="jumpNum" id="jumpNum" size="5">
<input type="button" value="跳到指定页" onclick="jump(<%= pageList.getPageCount()%>);return false;">
<%
}else{
%>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%=pageList.getPageNum()+1%>);return false;">下一页</a>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%=pageList.getPageCount()%>);return false;">尾页</a>
<%
}
}
%>
</td>
<a href="#" onclick="turn(<%= pageList.getPageCount()%>,<%= 1%>);return false;">首页</a>
改为:
<a href="javascript:turn(<%= pageList.getPageCount()%>,<%= 1%>);return false;" >首页</a>
试一试....
不过还是非常感谢热心人!