JavaScript日历代码，验证页面表单输入数据代码

下载下面的JS压缩包解压后将WebCalendar.js和validate.js放到web工程下的WebRoot下的JS目录下

 

导入日历JS文件

<script language="JavaScript" type="text/javascript" src="JS/WebCalendar.js"></script>

 

导入验证页面数据JS文件

<script language="JavaScript" type="text/javascript" src="JS/validate.js"></script>

 

在标签中添加点击事件调用弹出日历方法

<input type="text" id="age" name="resumedto.age" onclick="new Calendar().show(this);" require="true" dataType="" msg="" requiremsg="出生日期不能为空！">

 

在form表单上添加一个提交事件调用验证数据方法

<form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);">

<input type="text" id="linkPhone" name="resumedto.linkPhone" require="true" dataType="Mobile" msg="请输入正确的手机号！" requiremsg="移动电话不能为空！"/>

</form>

 

require指不能为空（true表示不允许为空），dataType指数据类型（Mobile表示是手机号码类型，在validate.js文件中有很多种数据类型，根据需要选择），msg指如果不满足数据类型时的提示信息，requiremsg指如果为空的提示信息。

 

 

在网页上显示当前时间的JS代码：

 

<script type="text/javascript">
 
var nowDate=new Date();
var month=nowDate.getMonth();
var day=nowDate.getDate();
var we=nowDate.getDay();
var hour=nowDate.getHours();
var min=nowDate.getMinutes();
var second=nowDate.getSeconds();
var week;
function autoTime(){
second++;
switch(we)
{
case 0: week="日";break;
case 1: week="一";break;
case 2: week="二";break;
case 3: week="三";break;
case 4: week="四";break;
case 5: week="五";break;
default: week="六";
}
if(second>59){min++;second=0}
if(min>59){hour++;min=0}
if(second<10){second="0"+second;}
document.getElementById("timer").innerHTML="现在是北京时间：2010年"+month+"月"+day+"日\t "+"星期"+week+"\t "+hour+":"+min+":"+second;

}
setInterval("autoTime()",1000);//setInterval 放在方法外面，不需要调用  setTimeout放在方法里面，需要调用 1秒执行一次方法
</script>

 

显示标签：

<font size="3" color="#0000BE"><span id="timer" ></span></font>