您的位置：首页 > Web前端 > JQuery

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

2015-12-16 10:30 639 查看

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航