jquery判断多个input输入框不能输入相同的值

来源：互联网发布：糠秕孢子菌毛囊炎知乎编辑：程序博客网时间：2024/06/07 06:11

遇到个需求，有多个属性相同的输入框，判断名称不能相同，下面是自己写的一个简单的实现

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <title></title>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script type="text/javascript" src="jquery-1.6.2.min.js"></script>    <script type="text/javascript">        function checkName(data){                var values="";                $(".t").each(function(i,item){                    var value=$(this).val();                    values+=value; //获取所有的名称                });                var val=$(data).val(); //获得当前输入框的值                var newValue=values.replace(val,""); //去除当前输入框的值                if(newValue==""){                    return false;                }else{                    if(newValue.indexOf(val)>-1){  //当前值和newValue作比较                        alert("名称已存在，请重新输入!");                        $(data).val("");                    }                }             }    </script></head><body><input name="inputname" class="t" onchange="checkName(this);"/><input name="inputname" class="t" onchange="checkName(this);"/><input name="inputname" class="t" onchange="checkName(this);"/></body></html>

1 0