怎么用JS实现表单中文本框个数的统计

各位大侠，我要做一个JS来对一个表单中的每一个文本框的值进行验证是否为空，因为一个一个验证太麻烦，所以首先得要知道文本框的个数，再用一个循环来判断，那么怎么得到文本框的个数呢？？各位大侠帮帮忙啊

解决方案 »

  1.   

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><script>
    alert($("form[@name='form1']//input[@type='text']").length);
    </script>
      

  2.   

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><script>
    $(document).ready(function(){
        alert($("form[@name='form1']//input[@type='text']").length);
    });
    </script>
      

  3.   

    var inputs=document.getElementById("表单的id").getElementsByTagName("input");
    var textboxes=[];
    for(var i=0;i<inputs.length;i++){
        if(inputs[i].type=="text")textboxes.push(input[i]);
    }alert(textboxes.length);
      

  4.   

    <script language="javascript">
    <!--
    function checkform(){
    var frm=document.getElementById("nn").getElementsByTagName("input");
    for(var i=0;i<frm.length;i++){
    if(frm[i].type=="text"){
    if(frm[i].value==""){
    alert("不能为空");
    break;
    }
    }
    }
    }
    -->
    </script>
    <form action="" name="dd" method="get" id="nn">
    <input name="" type="text">
    <input name="" type="text">
    <input name="" type="text">
    <input name="提交" value="提交" type="submit" onclick="checkform()"></form>
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head> <title>Untitled</title>
    </head><body>
    <form name="form1">
    <table>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    <tr><td><input type="text" name="txt" value=""></td><td><input type="text" name="txt" value=""></td></tr>
    </table>
    </form>
    </body>
    <Script type="text/javascript">
    <!--
    alert(document.form1.txt.length)
    //-->
    </Script>
    </html>