判断多个文本框内的值是否相同_c# 如何检查5个textbox输入的字符串内容是否一样-优快云博客

本文介绍并对比了两种使用JavaScript检测多个输入框中是否存在重复输入的方法。第一种方法通过自定义函数逐个检查每个输入框的值，第二种方法则通过数组遍历来实现这一目标。这两种方法都能有效地帮助开发者在前端进行数据验证，防止用户提交重复的数据。

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