js验证表单

  在日常生活中,对于上班时间比较灵活的单位来说,如何能够及时、准确地令公司员工了解自己的上班时间是一个棘手的问题。公司管理人员不会一个挨一个地打电话通知,难免总有员工会弄错自己的上班时间。这样,可以求助于Web,在公司的主页面设计一个员工上班时间查询系统,那么公司的员工就可以通过网络很方便地查询自己的工作日期。

  要开发的员工上班时间查询系统的思路是:在员工登录到查询系统页面后,填写当天是星期几,然后通过自己的员工号来查询个人的上班时间,并放回该员工是第几位访客。在这个例子中,程序要求员工号必须是6位,且每一位都是数字。

<html>
	<head>
		<title>员工查询</title>
	</head>
	<body>
		<script type="text/javascript">
			var sum = 0;
			
			/*员工号如果不是6位数字,返回错误*/
			function dosubmit(frm) {
				if(frm.num.value.length != 6) {
					window.alert("员工号必须是6位");
					return false;
				} else {
					var num_value = frm.num.value;
					for(var i = 0; i < num_value.length; i++) {
						if(num_value.charAt(i) < '0' || num_value.charAt(i) > '9') {
							window.alert("员工号只能是数字");
							return false;
						}
					}	
				}
				
				return true;
			}
			
			/*返回星期几的上班时间,周一至周五返回“上班时间:9:00-17:30”,
			*周六周日返回“周末休息”
			*/
			function checkDay() {
				switch(parseInt(form1.day.value)) {
					case 1:
					case 2:
					case 3:
					case 4:
					case 5:
						window.alert("上班时间:9:00-17:30");
						break;
					 case 6:
					 case 7:
						window.alert("周末休息");
						break;
					default:
						window.alert("日期格式不正确");	
				}
				sum += 1;
				window.alert("您是第" + sum + "位访客");	
			}
			
		</script>
		
		<!--以下是html页面-->
		<center><h1>员工查询系统</h1></center>
		<form name="form1" action="javascript:checkDay()" method="post" onsubmit="return dosubmit(this)">
				星期:<input type="text" name="day"><br />
				员工号:<input type="text" name="num"><br />
				<input type="submit" name="submint1" value="提交">
			</form>
	</body>
</html>







你可能感兴趣的:(js,表单)