判断多个文本框内的值是否相同

最新推荐文章于 2021-06-07 14:15:25 发布

设计师的小猪

最新推荐文章于 2021-06-07 14:15:25 发布

阅读量3.4k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

方法1：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <meta charset="utf-8">
</HEAD>
<script>
    //在7组数字中，找出有和其它相同的一组。

    function test()
    {
        var temp;
        for (var i=1; i<8;i++ )
        {
            temp = document.getElementsByName("test"+ i)[0].value;

            if (checkSameGrounp(temp ,i-1))
            {
                alert("第"+ i +"和其它行有相同");
                return false;
            }
        }
    }
    function getInputs(){
        var arrInputs = [];
        for (var i=1; i<8;i++ )
        {
            arrInputs.push(document.getElementsByName("test"+ i)[0].value);
        }
        return arrInputs;
    }
    function checkSameGrounp(grounp ,j/*标示自己的序号*/){
        var grounps = getInputs();
        for (var i=0;i<grounps.length ;i++ )
        {
            if (i != j)
            {
                if (grounps[i] == grounp)
                {
                    return true;
                }
            }
        }
        return false;
    }
</script>
<BODY>

<input type="text" name="test1">
<input type="text" name="test2">
<input type="text" name="test3">
<input type="text" name="test4">
<input type="text" name="test5">
<input type="text" name="test6">
<input type="text" name="test7">
<input type="button" value="提交" onClick="test();">
</BODY>
</HTML>

方法2：

<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <meta charset="utf-8">
</HEAD>
<script>
    function test()
    {
        var objs=document.getElementsByTagName("input");
        //首先定义个数组用来文本框的输入,本文7个
        var c=new Array(7);
        var k=0;
        for(i=0;i<objs.length;i++)
        {
            if(objs[i].type=="text")
            {
                c[k]=objs[i].value;
                if(k<=7)
                {
                    k=k+1;
                }
            }
        }
        //循环判断里面是否有相同输入
        var b;
        for(i=0;i<c.length;i++)
        {
            b=c[i];
            for(j=i+1;j<c.length;j++)
            {
                if(b==c[j])
                {
                    alert("有相同输入");
                    return false;
                }
            }
        }
        return true;

    }
</script>
<BODY>

<input type="text" name="test1">
<input type="text" name="test2">
<input type="text" name="test3">
<input type="text" name="test4">
<input type="text" name="test5">
<input type="text" name="test6">
<input type="text" name="test7">
<input type="button" value="提交" onClick="test();">
</BODY>
</HTML>

设计师的小猪

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
判断多个文本框内的值是否相同

方法1：&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt;&lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;meta charset="utf-8"&gt;&lt
复制链接

扫一扫

专栏目录