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

    HDU   5371 Description Hotaru Ichijou recently is addicated to math problems. Now she is playing wit ...

  2. [moka摘录]查看邮件是否已被阅读

    原文地址:http://www.php100.com/html/php/hanshu/2013/1101/6347.html 查看邮件是否已被阅读 当你在发送邮件时,你或许很想知道该邮件是否被对方已阅 ...

  3. [翻译]:SQL死锁-阻塞探测

    到了这篇,才是真正动手解决问题的时候,有了死锁之后就要分析死锁的原因,具体就是需要定位到具体的SQL语句上.那么如何发现产生死锁的问题本质呢?下面这篇讲的非常细了,还提到了不少实用的SQL,但对我个人 ...

  4. Oauth笔记

    上周的工作有安全验证这一块,但不懂,只知道有几个关键字Oauth.secret-key .token.签名等.今天就查下资料做笔记. Oauth是什么 不依靠用户账号和密码就能获得访问资源权限 本质: ...

  5. CSS 选择器汇总

    CSS 选择器 CSS 元素选择器 CSS 选择器分组 CSS 类选择器详解 CSS ID 选择器详解 CSS 属性选择器详解 CSS 后代选择器 CSS 子元素选择器 CSS 相邻兄弟选择器 CSS ...

  6. Microsoft Dynamics CRM 2013 安装过程 图解

    在安装前,先持一下SQL配置管理,将相关的服务打开.(由于在虚拟机里,许多服务需要时才会打开,像Reporting Services需要处理报表时才打开) 注:Analysis Services 登录 ...

  7. SQL学习笔记：选取第N条记录

    Northwind数据库,选取价格第二高的产品. 有两种方法,一个是用Row_Number()函数: SELECT productname FROM ( productname, Row_Number ...

  8. 【读书笔记】iOS-Xcode-查找特殊字符的方法

    如图所示,为搜索图框,然后,点击放大镜图标------->Insert Pattern---->即可看到特殊字符----->选择特殊字符进行插入. 参考资料:<iOS开发进阶& ...

  9. 【转】c++中引用的全方位解读

    对于习惯使用C进行开发的朋友们,在看到c++中出现的&符号,可能会犯迷糊,因为在C语言中这个符号表示了取地址符,但是在C++中它却有着不同的用途,掌握C++的&符号,是提高代码执行效率 ...

  10. CentOS6.5下RPM方式安装mysql5.6.33

    1.mysql下载 下载地址:https://dev.mysql.com/downloads/mysql/5.6.html下载以下安装包: MySQL-client-5.6.33-1.el6.x86_ ...