javascript验证HTML表单,不能验证,求哪里错了
<html><head>
<title>雇员注册</title>
<!--编写一个雇员注册的表单,要求输入以下内容:雇员
编号、雇员姓名、雇员工作、雇佣日期,基本工资和奖金-->
<!--对上面的表单进行JavaScript验证,验证要求如下:
1)雇员编号:只能是数字
2)雇员姓名:不能为空
3)雇员工作:不能为空
4)雇佣日期:必须是日期格式,即2010-09-19
5)基本工资:必须是数字(小数)
6)奖 金:必须是数字(小数)
-->
<script language="javascript">
function fun(f){
var value1=f.userid.value;
var value2=f.username.value;
var value3=f.userjob.value;
var value4=f.userdate.value;
var value5=f.userwage.value;
var value6=f.userbonus.value;
//雇员编号的验证:只能是数字
if(!/^\d+$/.test(value1)){
alert("输入的格式不正确!只能是数字");
f.userid.focus();
f.userid.select();
return false;
}
//雇员姓名的验证:不能为空
if(value2==""){
alert("输入的格式不正确!不能为空");
f.username.focus();
f.username.select();
return false;
}
//雇员工作的验证:不能为空
if(value3==""){
alert("输入的格式不正确!不能为空");
f.userjob.focus();
f.userjob.select();
return false;
}
//雇佣日期的验证:必须是日期格式,即2010-
09-19
if(!/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test
(value4)){
alert("输入的格式不正确!必须是日期格式,即
2010-09-19");
f.userdate.focus();
f.userdate.select();
return false;
}
//基本工资的验证:必须是数字(小数)
if(!/^\d+\.\d+$/.test(value5)){
alert("输入的格式不正确!必须是数字(小数)
");
f.userwage.focus();
f.userwage.select();
return false;
}
//奖金的验证:必须是数字(小数)
if(!/^\d+\.\d+$/.test(value6)){
alert("输入的格式不正确!必须是数字(小数)
");
f.userbonus.focus();
f.userbonus.select();
return false;
}
return true;
}
</script>
</head>
<body>
<form action="" method="post" name="f" onSubmit="return fun(this)">
雇员编号:
<input type="text" name="userid" value="" size="10" maxlength="10" >
<br>
雇员姓名:
<input type="text" name="username" value="" >
<br>
雇员工作:
<input type="text" name="userjob" value="" >
<br>
雇佣日期:
<input type="text" name="userdate" value="" >
<br>
基本工资:
<input type="text" name="userwage" value="" >
<br>
奖 金:
<input type="text" name="userbonus" value="" >
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>