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

程序员文章站 2022-03-02 09:29:24

...

代码如下，要是要验证的字段有好多的话安装平常的写法，那要写好多
。。现在，比如你有十个字段，也就是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>