1. 程式人生 > >通過for迴圈獲取表單的元素名稱

通過for迴圈獲取表單的元素名稱

程式碼片段:

<html>
    <body>
        <form name="form1">
          <table border="1">
            <th colspan="2">
                <center>學生資訊</center>
            </th>
            <tr>
                <td>姓名:</td><td width="120" height="10"><input type="text" name="n1" title="姓名"/></td>
            </tr>
            <tr>
                <td>學號:</td><td><input type="text" name="n2" title="學號"/></td>
             </tr>
            <tr>
                <td>年齡:</td><td><input type="text" name="n3" title="年齡"/></td>
            </tr>
            <tr>
                <td>tel:</td><td><input type="text" name="n4" title="tel"/></td>
            </tr>
            <tr align="center">
                <td colspan="2"><input name="button" type="button" value="提交" onClick="check();"/></td>
            </tr>
          </table>
        </form>
    </body>
    <script language="javascript">
         function check(){
             for(i = 0; i < form1.length; i++){
                 if(form1.elements[i].value=="")
                 alert(form1.elements[i].title+"不能為空!");
             }
         }
    </script>
</html>

結果顯示 在這裡插入圖片描述