js之list解决jsp或者html一组数据的重复问题

最新推荐文章于 2024-03-21 11:24:53 发布

浅唱寂寞

最新推荐文章于 2024-03-21 11:24:53 发布

阅读量4.2k

点赞数 2

本文链接：https://blog.csdn.net/u010871655/article/details/51198910

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

当我们在一个页面再点击提交操作的时候，需要验证页面的一组数据有没重复的情况。

例如：

我们要保证名字是唯一的，首先我们应该取出所有的名字，我们要先声明一个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

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>

浅唱寂寞

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js之list解决jsp或者html一组数据的重复问题

当我们在一个页面再点击提交操作的时候，需要验证页面的一组数据有没重复的情况。例如：我们要保证名字是唯一的，首先我们应该取出所有的名字，我们要先声明一个list，在js中声明list必须 var list = new Array();这样声明，然后我们要取得所有的名字，在取名字的时候注意不能用list.add，js是不认帐的，然后你发现自己的逻辑是
复制链接

扫一扫