注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> jquery >> 判断多个文本框内的值是否相同
热门:word | excel | powerpoint

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

2020/5/29 21:34:20 所属分类:页面特效 - jquery
内容提要:判断多个文本框内的值是否相同,方法一:......方法二:......

  方法一:

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

  方法二:

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

页面特效 | jquery
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息