| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1220 人关注过本帖
标题:javascript验证HTML表单,不能验证,求哪里错了
只看楼主 加入收藏
zzhnzyxyjk
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-2-26
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:3 
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>
   奖&nbsp;&nbsp;金:
   <input type="text" name="userbonus"  value="" >
   <br>
   <input type="submit" value="提交">
   <input type="reset" value="重置">
  </form>
 </body>
</html>
搜索更多相关主题的帖子: 表单 function title 
2013-03-20 22:43
hhwz
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:贵宾
威 望:87
帖 子:687
专家分:4502
注 册:2011-5-22
收藏
得分:14 
您怎么能这样来验证
2013-03-21 17:00
zzhnzyxyjk
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-2-26
收藏
得分:0 
回复 2楼 hhwz
用记事本啊,
2013-03-21 17:59
zzhnzyxyjk
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-2-26
收藏
得分:0 
回复 2楼 hhwz
用记事本保存为HTML格式文件后,javascript功能实现不了
2013-03-22 14:50
快速回复:javascript验证HTML表单,不能验证,求哪里错了
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016747 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved