下载下面的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" οnclick="new Calendar().show(this);" require="true" dataType="" msg="" requiremsg="出生日期不能为空!">
在form表单上添加一个提交事件调用验证数据方法
<form name="listform" action="resume-doAdd" method="post" οnsubmit="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>