通过for循环获取表单的元素名称

最新推荐文章于 2024-07-01 16:58:32 发布

ByRisonBoy

最新推荐文章于 2024-07-01 16:58:32 发布

阅读量984

点赞数 1

分类专栏： JavaScript基础学习

本文链接：https://blog.csdn.net/Rison_Li/article/details/82953377

版权

JavaScript基础学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

代码片段：

<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>

结果显示
在这里插入图片描述