首页 > 代码库 > JScript--雇员注册表单

JScript--雇员注册表单

<html>
	<head>
		<title>
			测试
		</title>
		<script language="JavaScript">
			
			function fun(f)
			{
				var value1=f.num.value;
				var value2=f.nam.value;
				var value3=f.job.value;
				var value4=f.userdate.value;
				var value5=f.salary.value;
				var value6=f.money.value;
				//员工编号:只能是数字
				if(!/^\d+$/.test(value1))
				{
					alert("编号输入格式只能是数字");
					f.num.focus();//给指定元素设置焦点
					f.num.select();//全选当前文字
					return false;	
				}	
				//员工姓名:不能为空
				if(value2=="")
				{
						alert("姓名输入格式不能为空");
						f.nam.focus();
					  f.nam.select();
					  return false;	
				}
				//员工工作:不能为空
				if(value3=="")
				{
						alert("工作输入格式不能为空");
						f.job.focus();
					  f.job.select();
					  return false;	
				}
				//雇佣日期:必须是日期格式,即2010-10-19
				if(!/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(value4))
				{
						alert("日期格式不正确,2010-09-19");
						f.job.focus();
					  f.job.select();
					  return false;	
				}
				//基本工资:必须是数字(小数)
				if(!/^\d+\.\d+$/.test(value5))
				{
					alert("工资必须是数字(小数)");
						f.salary.focus();
					  f.salary.select();
					  return false;	
				}
				//奖金:必须是数字(小数)
				if(!/^\d+\.\d+$/.test(value6))
				{
					alert("奖金必须是数字(小数)");
						f.money.focus();
					  f.money.select();
					  return false;	
				}
				
			}
			
	  </script>
	</head>
	<body>
		<form action="" method="post" name="myform" onSubmit="return fun(this)"> 
			 雇员编号:<input type="text" name="num"><br>
			 雇员姓名:<input type="text" name="nam"><br>
			 雇员工作:<input type="text" name="job"><br>
			 雇佣日期:<input type="text" name="userdate"><br>
			 基本工资:<input type="text" name="salary"><br>
			 奖   &nbsp金:
			 <input type="text" name="money"><br>
			 <input type="submit",value="http://www.mamicode.com/提交">
		</form>
	</body>
</html>

  表单验证利用正则表达式。

JScript--雇员注册表单