js验证表单
2024-08-28 15:26:47
在日常生活中,对于上班时间比较灵活的单位来说,如何能够及时、准确地令公司员工了解自己的上班时间是一个棘手的问题。公司管理人员不会一个挨一个地打电话通知,难免总有员工会弄错自己的上班时间。这样,可以求助于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>
最新文章
- <;?xml version=";1.0"; encoding=";UTF-8";?>; 的作用?
- Numpy 中一维数据转置的几种方法
- Effective Java 学习笔记之创建和销毁对象
- jquery load 加载改造,只加载body
- 无需server-U IIS7.5 在已有的多个WEB网站上配置FTP发布
- Google HTML/CSS/JS代码风格指南
- 1105ecos笔记
- PermissionError: [WinError 32] 另一个程序正在使用此文件,进程无法访问。: &#39;C:\\Users\\video\\AppData\\Local\\Temp\\tmpfipzk8ma&#39;--问题解决
- Grunt压缩HTML和CSS
- JavaScript Trick
- [POI2000]病毒
- MySQL 字符串截取SUBSTRING()函数
- WPF管理系统自定义分页控件 - WPF特工队内部资料
- Collection 和 Collections 、 Array 与 Arrays 的区别
- easyui datagrid实现拖动表头
- 用pymysql代替MySQLdb
- Ubuntu 14.04主机上部署k8s集群
- Linux下Mysql数据库互为主从的配置过程
- HAOI2010 工厂选址
- org.springframework.beans.factory.config.PropertyPlaceholderConfigurer类