验证多组name一样的文本框是否为空

最新推荐文章于 2019-05-18 18:46:42 发布

信行合一

最新推荐文章于 2019-05-18 18:46:42 发布

阅读量1.2k

点赞数

分类专栏： 12_html

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/9131165

版权

12_html 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>

        function checkIt(){
            var nameArr = new Array();
            nameArr[0] = "aa";
            nameArr[1] = "bb";
            var returnValue = checkArr(nameArr);
            if(returnValue=='error') {
                alert('验证失败！');
            } else {
                alert('验证成功！');
            }
        }

        function checkArr(names) {
            for(var i=0;i<names.length;i++) {
                var elements =document.getElementsByName(names[i]);
                for(var j=0;j<elements.length;j++){
                     var elementValue = elements[j].value;
//                    alert(elementValue);
                    if(elementValue=='') {
                       // alert("有空值请处理！");
                        return 'error';
                    }
                }
            }
            return 'success';
        }

    </script>
</head>
<body>

<input type="text" name="aa"/>
<input type="text" name="aa"/>
<input type="text" name="aa"/>
<input type="text" name="aa"/>
<br>

<input type="text" name="bb"/>
<input type="text" name="bb"/>
<input type="text" name="bb"/>
<input type="text" name="bb"/>

<br>

<input type="button" value="验证所有文本框" οnclick="checkIt()"/>

</body>
</html>

信行合一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
验证多组name一样的文本框是否为空

function checkIt(){ var nameArr = new Array(); nameArr[0] = "aa"; nameArr[1] = "bb"; var returnValue = checkArr(nameArr); if(returnValue=='e
复制链接

扫一扫

专栏目录