当我们在一个页面再点击提交操作的时候,需要验证页面的一组数据有没重复的情况。
例如:
我们要保证名字是唯一的,首先我们应该取出所有的名字,我们要先声明一个list,在js中声明list必须
var list = new Array();这样声明,然后我们要取得所有的名字,在取名字的时候注意不能用list.add,js
是不认帐的,然后你发现自己的逻辑是对的呀,却怎么也过不去。我们如何取数据呀,在例子中我们只是
比较重复不重复,所以数据插入的顺序我们不做考虑,当然我们还要排除空的这一种情况,必要的时候
我们还需要把输入内容的前后空格在你点出输入框的时候加上js方法给去掉。
在list添加数据一般有三种方法
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
Array.prototype.add= function(obj) {
自定义添加函数
}
然而想我这样的渣渣第一种就足够了,我们在取名字的时候也是有两种方法可以参考的:
1.var x=document.getElementById("id").value;
2.var y=$("#id").val();
很多时候我们取输入框数据的时候可能在jsp页面中是在foreach中的
所以我们一定要给所取输入框的id取一个特殊的名字,技能保持id的唯一性,
又能保证名字的一致性,那该怎么办呢?我们既然是用<c:forEach var="list" items="${pageBean.collection}" varStatus="status">
来循环出来输入框的,那么我们就把collection中具有可作为主键唯一性的只作为id
<input type="text" id="${list[7]}" name="" placeholder="请输入姓名" οnblur="checknickName()" value="${list[5]}"/>
list[7]是sql查出来的数据,具有唯一性,这样就直接可以去治了
.var y=$("#"+${list[7]}).val();
<html>
<head>
<script type="text/javascript">
function checkrepeat()
{
var list = new Array();
for(var i = 0;i<6;i++){
var j = i+1;
var x=document.getElementById("fname_"+j).value;
if(null !=x|| "" !=x){
list.push(x);
}
}
for (var i = 0; i < list.length; i++) {
for (var ii = i+1; ii < list.length; ii++) {
if (list[i] == list[ii]) {
alert("姓名重复,请及时修改!");
return;
}
}
}
}
</script>
</head>
<body>
输入您的姓名:<br/>
<input type="text" id="fname_1" placeholder="这里输入姓名1"/><br/>
<input type="text" id="fname_2" placeholder="这里输入姓名2"/><br/>
<input type="text" id="fname_3" placeholder="这里输入姓名3"/><br/>
<input type="text" id="fname_4" placeholder="这里输入姓名4"/><br/>
<input type="text" id="fname_5" placeholder="这里输入姓名5"/><br/>
<input type="text" id="fname_6" placeholder="这里输入姓名6"/><br/>
<br/><br/>
<input type="button" id="button" οnclick="checkrepeat()" value="查重"/>
</body>
</html>