`
qiangshao
  • 浏览: 11250 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类

前几天看到别人的js 表单验证，看上去代码比较优雅。

HTML 
阅读更多
代码如下 ，要是要验证的字段有好多的话安装平常的写法 ，那要写好多
。。现在，比如你有十个字段，也就是new 10个对象就好了， 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">


  <script language="JavaScript">
  <!--
        //name 表单字段名 desc 描述
	function FormFiled(name,desc){
	  this.name=name;
	  this.desc=desc;
	}


	function validateForm(){
	  var frm=document.forms[0];
	  var list=new Array(new FormFiled("name","名称"),new FormFiled("content","内容"));//比如 你还有好多字段，也只需要在这里new FormFiled对象
	  for(var i=0;i<list.length;i++){
	  var oval=eval("frm."+list[i].name);
	  var value=oval.value;
		if(value==""||value==null){
		  alert(list[i].desc+"不能为空！！");
		  oval.focus();
		  return false;
		}
	  }
		return true;
		
	}
  //-->
  </script>
 </head>

 <body>

 <form method=post action="">
	<input type="text" name="name"><br>
	<input type="text" name="content"><br>
	<input type="button" value="确定" onclick="return validateForm()">
 </form>
  
 </body>
</html>
分享到：
| 看到很多人都发布了hibernate dao 我都看了 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics