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验证表单的更多相关文章
- js验证表单大全
js验证表单大全 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" ...
- jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因
jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏 ...
- js验证表单密码、用户名是否输入--JS的简单应用
在登录.注册时,我们经常会遇到下面这种情况,如果我们没有输入用户名.密码时,系统会弹出提示框.提示框信息提示内容是我们密码没有输入密码或者用户名等.那么这样的弹出框效果是如何实现的呢?文章标题既然与j ...
- js 验证表单 js提交验证类
附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i< ...
- js验证表单大全3
2 >表单提交验证类 2.1 表单项不能为空 <scriptlanguage="javascript"> <!-- function CheckForm( ...
- js验证表单大全1
附加:js验证radio是否选择 <script language="javascript"> function checkform(obj) { for(i=0;i& ...
- js验证表单大全2
屏蔽右键 很酷 oncontextmenu="return false" ondragstart="return false"onselectstart=&q ...
- js验证表单并提交
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js实现表单验证 常用JS表单验证
CSS代码 @charset "gb2312"; /* CSS Document */ body,dl,dt,dd,div,form {padding:;margin:;} #he ...
随机推荐
- DP入门---Robberies
HDU 2955 Description The aspiring Roy the Robber has seen a lot of American movies, and knows that ...
- .NET Core Runtime IDentifier (RID) catalog
转载至:https://docs.microsoft.com/zh-cn/dotnet/articles/core/rid-catalog What are RIDs? RID is short fo ...
- JS控制HTML元素的显示和隐藏
JS控制HTML元素的显示和隐藏 利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: 1 2 ...
- win10应用部署到手机出现问题Exception from HRESULT: 0x80073CFD
今天把应用部署到手机上时,出现了这样的问题 Exception from HRESULT: 0x80073CFD 具体错误是: Error Error : DEP0001 : Unexpected E ...
- CRM 2013 安装前系统和数据库的基础配置
Win Serer 2012 域控安装参考:http://smallc.blog.51cto.com/926344/1034868 (其中最重要的几步:创建域控(ActiveDirectory域服务 ...
- UDF2
问题 根据给定的gps点point(x,y)和北京的shape数据,关联出 AOI ID IO 输入 gps点表 create table gps ( x double, //经度 y double ...
- 蓝牙防丢器原理、实现与Android BLE接口编程
本文是对已实现的蓝牙防丢器项目的总结,阐述蓝牙防丢器的原理.实现与android客户端的蓝牙BLE接口编程.在这里重点关注如何利用BLE接口来进行工程实现,对于BLE的协议.涉及到JNI的BLE接口内 ...
- GCD中使用dispatch_after函数延迟处理任务
在实际的开发中,经常会遇到想要在指定的时间间隔后执行某个处理 <一>在GCD中提供了dispatch_after函数来完成这一操作 dispatch_after(dispatch_time ...
- 使用batch insert解决MySQL的insert吞吐量问题
最近使用了一个非常简单易用的方法解决了业务上的一个insert吞吐量的问题,在此总结一下. 首先我们明确一下,insert吞吐量其实并不是指的IPS(insert per second),而是指的RP ...
- openstack kilo compute更新后报错IncompatibleObjectVersion: Version 1.2 of PciDeviceList is not supported
前几天在compute节点更新openstack的包后,发现报错IncompatibleObjectVersion: Version 1.2 of PciDeviceList is not suppo ...