js控制新增，删除输入框的数量

Question

         function addFile()
        {
            var upFile = '<input type="file" name="file1" /> ';
            document .getElementById ("files").insertAdjacentHTML("beforeEnd",upFile);
        }
        function deleteFile()
        {
            var file = document .getElementById ("files").lastChild;
            if(file == null)
                return;
            document .getElementById ("files").removeChild(file);
            
            file = document .getElementById ("files").lastChild;   //移除换行符<br>所以要移两次
            document .getElementById ("files").removeChild(file);  //如果在表格里面不加<br>就自动换行的，可以去掉，自己把握
        }     <input type="button" value="增加文件" onclick="return addFile();" /> 
     <input type="button" value="删除文件" onclick="return deleteFile();" />
  怎么控制最多只能增加文件10个，删除的时候文件不能为空！！
怎么控制！！急！

Answer 1

在addFile方法中加多一个变量，每点一次变量+1，当变量=10时，把增加文件的按钮灰掉
删除也是一样，在deleteFile方法中控制

Answer 2

var objInput=document.getElementsByTagName("input");
var num=1;
for(var i=0;i<objInput.length;i++)
{
if(objInput[i].type=="file")
{
 num+=1;
}
if num>10
alert("*************")
}删除的时候判断一下他的文本值是不是空啊 

Answer 3

xiaofan_sap
能不能说着详细点，本人刚学习！！不太会~~谢谢

Answer 4

http://topic.csdn.net/u/20091105/20/6adea4b1-56ad-478a-8f2e-cab781bd848d.html
看看这个帖子 ，我觉得 这篇里的添加删除的方法挺好的，lz可以看看 思想是：
添加行 ，先给行赋予id，然后给行添加单元格（cell），接着单元格力就可以添加你自己的input了，这时候再给这个input赋予一个id（易于以后判断）
 很简单的 var num=0；
function addFile()
{
  if(num<=10)
  {
    //执行你的添加操作 
   }else{
   alert("最多添加10行数据")
  }
}
如果你给每一个input都赋予了id，那么可以直接用document.getElementById("定义的id").value进行判断是不是空了