在日常生活中，对于上班时间比较灵活的单位来说，如何能够及时、准确地令公司员工了解自己的上班时间是一个棘手的问题。公司管理人员不会一个挨一个地打电话通知，难免总有员工会弄错自己的上班时间。这样，可以求助于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验证表单的更多相关文章

  1. js验证表单大全

    js验证表单大全 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" ...

  2. jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因

    jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏 ...

  3. js验证表单密码、用户名是否输入--JS的简单应用

    在登录.注册时,我们经常会遇到下面这种情况,如果我们没有输入用户名.密码时,系统会弹出提示框.提示框信息提示内容是我们密码没有输入密码或者用户名等.那么这样的弹出框效果是如何实现的呢?文章标题既然与j ...

  4. js 验证表单 js提交验证类

    附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i< ...

  5. js验证表单大全3

    2 >表单提交验证类  2.1 表单项不能为空 <scriptlanguage="javascript"> <!-- function CheckForm( ...

  6. js验证表单大全1

    附加:js验证radio是否选择 <script language="javascript"> function checkform(obj) { for(i=0;i& ...

  7. js验证表单大全2

    屏蔽右键 很酷  oncontextmenu="return false" ondragstart="return false"onselectstart=&q ...

  8. js验证表单并提交

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. js实现表单验证 常用JS表单验证

    CSS代码 @charset "gb2312"; /* CSS Document */ body,dl,dt,dd,div,form {padding:;margin:;} #he ...

随机推荐

  1. 树的统计Count---树链剖分

    NEFU专项训练十和十一——树链剖分 Description 一棵树上有n个节点,编号分别为1到n,每个节点都有一个权值w.我们将以下面的形式来要求你对这棵树完成一些操作: I. CHANGE u t ...

  2. 使scp不用输入密码

    使scp不用输入密码 有些时候,我们在复制/移动文件 到另一台机器时会用到scp,因为它比较安全.但如果每次都要输入密码,就比较烦了,尤其是在script里.不过,ssh有另一种用密钥对来验证的方式. ...

  3. struts2中valueStack,stackContext以及actionContext的关系

    一,首先给出三者的定义 1.valueStack: 里面存放的是Action类中通过set方法设置的属性值(表单传过来的值等),由OGNL框架实现; 2.stackContext: 也是用来存值的,s ...

  4. PHP学习笔记：使用session来存储用户的登录信息

    session可以用来存储多种类型的数据,因此具有很多的用途,常用来存储用户的登录信息,购物车数据,或者一些临时使用的暂存数据等. 用户在登录成功以后,通常可以将用户的信息存储在session中,一般 ...

  5. 两种设计模式(2)==>>"单例"

    所谓“单例”: 单例模式是一种常用的软件设计模式.在它的核心结构中只包含一个被称为单例的特殊类.通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统资 ...

  6. Android系统兼容性问题（持续更新）

    相信开发过一段Android的都被Android中的兼容性问题给折腾过,有时这确实很无奈,Android被不同的厂商改的七零八落的.本文主要总结下本人在实际的项目开发过程中所遇到的兼容性问题,以及最后 ...

  7. .NET Framework 4.0之Tuple(元组)

    Tuple,是函数式编程的概念之一,早见于Elang.F#等动态语言.Tuple类型像一个口袋,在出门前可以把所需的任何东西一股脑地放在里面.您可以将钥匙.驾驶证.便笺簿和钢笔放在口袋里,您的口袋是存 ...

  8. Android 手机卫士17--缓存清理

    清理单个应用缓存 通过反射调用方法 需要权限:android.permission.DELETE_CACHE_FILES. 以上权限为系统权限,手机卫士应用为用户应用,不能拿到此权限 换思路: 调用系 ...

  9. java分派

    变量被声明时的类型叫做变量的静态类型(Static Type) 又叫明显类型(Apparent Type).变量所引用的对象的真实类型又叫做变量的实际类型(Actual Type). 根据对象的类型而 ...

  10. Unity3D事件函数的执行顺序 - 包含渲染等模块的完整版，中英文对照

    原文地址: http://www.cnblogs.com/ysdyaoguai/p/3746828.html In Unity scripting, there are a number of eve ...