<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>数组验证 </title> 
<script language="javascript"> 
var count=0; 
function  addline(content) 

if(count <9) 

count=count+1; 
  newline=document.all.addfunc.insertRow();  
  newline.insertCell().innerHTML=' <input type="text" name="var CheckOptions=document.getElementsByName(CheckName);"> <input type="button" value="删除此行" onclick="del()">'  
}  
  }  
  function  del(){ 
  count=count-1;  
  document.all.addfunc.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);  
  } 
  
function chk(fom) 

    var inps = fom.elements, inps_err = [];
for(var i=0; i<inps.length; i++)
if(inps[i].type == 'text' && inps[i].value == '') inps_err.push(inps[i]);
if(inps_err.length)
alert('有' + inps_err.length + '个输入框为空');

</script> 
</head> <body>
<form name="form1" action="" enctype="multipart/form-data" method="POST" onSubmit="return chk(this)">
<input type="button" onclick="chk(this.form)" value="验证" />
<table id="addfunc" style="width:100%"> 
<tr> 
<td style="width:100%"> <input type="text" name="funcdesc[]"> <input type="button" onClick="addline()" value="增加"> <label> <font color="Green">最多可添加10个功能说明! </font> </label> </td> </tr> </label> 
</table> 
</form> 
</body> 
</html> 

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <title>数组验证 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript"> 
    var count=0; 
    function  addline(content) 

    if(count <9) 

    count=count+1; 
    newline=document.all.addfunc.insertRow();  
    newline.insertCell().innerHTML=' <input type="text" name="var CheckOptions=document.getElementsByName(CheckName);"> <input type="button" value="删除此行" onclick="del()">'  
    }  
    }  
    function  del(){ 
    count=count-1;  
    document.all.addfunc.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);  
    }

    function chk() 

    var arrElement = document.getElementsByTagName("INPUT");
    var iCount = arrElement.length;
    for(var i=0 ; i<iCount ; i++)
    {
    if(arrElement[i].type.toUpperCase() == "TEXT")
    {
    if(arrElement[i].value == "")
    {
    alert("文本框不能为空");
    break;
    }
    }
    }

    </script>
    </HEAD>
    <body>
    <form name="form1" action="" enctype="multipart/form-data" method="post" onSubmit="return chk(this)">
    <table id="addfunc" style="WIDTH:100%">
    <tr>
    <td style="WIDTH:100%">
    <input type="text" name="funcdesc[]"> <input type="button" onClick="addline()" value="增加"><INPUT type="button" onclick="chk()" value="检查是否为空">
    <label><font color="green">最多可添加10个功能说明! </font></label>
    </td>
    </tr>
    </LABEL>
    </table>
    </form>
    </body>
    </HTML>
      

  2.   

    不要这样!!我只需要判断<input type="text" name="funcdesc[]"> 
    这个funcdesc[]数组里的文本框为不为空!这个页面可能还有很多个文本框!我不需要判断他们!
      

  3.   

    function chk(fom) 

        var form=fom; 
    <!--这里我应该怎么样写验证 文本框数组里是否填写的有内容,如果所有的文本框里都没有填写内容我要提示报错--> 
    var inputs = document.getElementsByName("var CheckOptions=document.getElementsByName(CheckName);");
    var chechArr = [];
    for (var i=0;i<inputs.length;i++){
    if(inputs[i].value==""){
      //do something
         alert("文本框里都没有填写内容提示报错");
         return;
    }
    }
      

  4.   

    需求不明确,代码里 name = 'funcdesc[]' 的文本框就一个,何来数组?
      

  5.   


    function chk() 

        
       var count = 0;
       var obj = document.getElementsByName("funcdesc");
       if(obj)
       {
          for(i = 0; i< obj.length; i++)
          {
     if(obj[i].value != "")
     {
       break;
     }
           }
           if(i==obj.length)
           {
             alert("不能全部为空!");
             return false;
           }
        }
        return true;