js如何控制input添加的数量

js如何控制input添加的数量

问题描述:

图片说明
function add1(){

var input1 = document.createElement('input');
input1.setAttribute('type', 'file');
input1.setAttribute('name', 'organizers[]');
input1.setAttribute('class', 'git');

var btn1 = document.getElementById("org");
btn1.insertBefore(input1,null);

}

怎么限制最多添加8条

取得input元素的个数,与8做比较

            var inputsNumber = document.getElementsByTagName("input");
            if(inputsNumber.length<8){
                var btn1 = document.getElementById("org");
                btn1.insertBefore(input1, null);
            }else{
                alert("不能再添加");
            }

 用jquery

if ($("input").length() < 8)
下面是添加的代码

每次添加之前先查询下当前input的个数,当数量等于8的时候,return然后弹出提示框。