<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>
奖  金：
<input type="text" name="money"><br>
<input type="submit",value="提交">
</form>
</body>
</html>
表单验证利用正则表达式。
时间： 2024-08-24 09:28:41