关于onclick 时间触发js 脚本问题

SLy . 2015-05-22 01:48:03

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.chutian.pojo.User"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
Object userStatus=request.getSession().getAttribute("user");
User user =(User)userStatus;
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>欢迎访问</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" href="css/public.css" type="text/css">
<link rel="stylesheet" href="css/index.css" type="text/css">

<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

<script type="text/javascript">
function checkForm(){
var userStatus = document.getElementById("userStatus").value;
var startdate = document.getElementById("startdate").value;
var enddate = document.getElementById("enddate").value;
var start = startdate.replace(/-/g, "/");
var end = enddate.replace(/-/g, "/");
var sdate = new Date(start);
var edate = new Date(end);
var day = (Date.parse(edate) - Date.parse(sdate)).toFixed(2) / 86400000;

var roomId = document.getElementById("roomId").value;

if(userStatus == ""||userStatus == "null"||userStatus == null){
alert("您还未登陆，请先登录！");
window.location="login.jsp";
return false;
}else{
if(startdate == ""){
alert("请选择入住日期！");
return false;
}else if(enddate == ""){
alert("请选择退房日期！");
return false;
}else{
alert("恭喜您预订成功，你将住店"+day+"天");
window.location="order/addorder?order.day="+day+"&order.room.roomId="+roomId+"&liveTime="startdate+"&leaveTime="+enddate;
return false;
}
}
}
function checkLogin(){
var userStatus = document.getElementById("userStatus").value;
alert(userStatus);
if(userStatus == ""||userStatus == "null"||userStatus == null){
alert("您还未登陆，请先登录！");
window.location="login.jsp";
return false;
}else{
window.location="myorder";
return false;
}
}
function CheckUser(){
var userStatus = document.getElementById("userStatus").value;
if(userStatus == ""||userStatus == "null"||userStatus == null){
alert("您还未登陆，请先登录！");
window.location="login.jsp";
return false;
}else{
window.location="reception/backstage";
return false;
}
}
</script>

</head>

<body>
<input type="hidden" id="userStatus" value="<%=userStatus%>" />
<div class="top_box">
<div class="top c">
<div class="top_bar tr">
<a href="http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D华中农业大学楚天学院">地理位置</a>|
<%if (userStatus ==null){ %>
<a href="login.jsp">您还未登陆</a>|
<%}else if(userStatus != null){ %>
<a href="information"><%=user.getUsername()%></a>|
<a href="user/user-exit">退出</a>|
<%} %>
<a href="" onclick="return CheckUser(this);">后台管理</a>
</div>
<div class="logo fl">
<a href="index"><img src="images/logo.png"> </a>
</div>
<ul class="nav fl">
<li><a class="on" href="index">首页</a></li>
<li><a href="reception/room.jsp">客房</a></li>
<li><a href="reception/restaurant.jsp">特色餐饮</a></li>
<li><a href="reception/entertainment.jsp">娱乐休闲</a></li>
<li><a href="book">立即预订</a></li>
<li><a onclick="return checkLogin(this);" href="">我的订单</a></li>
<li><a href="message">在线留言</a></li>
<li><a href="reception/introduction.jsp">度假村介绍</a></li>
</ul>
</div>
</div>


<div class="shuangyi">


<form class="yuding c fr" action="" method="post">
<div class="title c">
<div class="li1 fl pt35">
<img src="images/ydtd.png">
</div>
<div class="li2 fr pr10">
<img src="images/tel.png">
</div>
</div>
<div class="yudingnr c pt22">
<div class="fl">
<p class="pl4">
入住日期：
</p>
<div class="shijian mt4">
<input class="Wdate" type="text" id="startdate" name="startdate"
value=""
onFocus="WdatePicker({onpicked: function() {
document.getElementById('enddate').focus();
}, minDate: '%y-%M-%d', maxDate: '%y-{%M+5}-%d', readOnly: true,skin:'twoer'})"
onblur="" />
</div>
</div>
<div class="fl pl7">
<p class="pl4">
退房日期：
</p>
<div class="shijian mt4">
<input class="Wdate" type="text" id="enddate" name="enddate"
value=""
onFocus="WdatePicker({minDate: '#F{$dp.$D(\'startdate\',{d:1})}',
maxDate: '%y-{%M+5}-%d', readOnly: true,skin:'twoer'})"
onblur="" />
</div>
</div>
<div class="fl pl12">
<p class="pl4">
房型选择：
</p>
<div class="pt5">
<s:select name="order.room.roomId" id="roomId" list="listroom"
listKey="roomId" listValue="roomName" theme="simple">
</s:select>
</div>
</div>
</div>
<div class="yuding_bat fr pr5">
<input id="book" class="submit2" type="button"
onClick="return checkForm(this);" value="预订" />
</div>
</form>
</div>
</body>
</html>

关于点击最后的预定的按钮无法调用对应的 chekForm js文件这是怎么回事啊求大神解释

...全文