如何使用JavaScript检查两个(或更多)输入是否会在html表中创建重复项
在HTML表中检查重复项的方法之一是使用JavaScript。以下是一种可能的实现方式：
- 首先，给每个需要检查的输入字段添加一个唯一的标识符，例如给它们设置一个id属性。
- 使用JavaScript获取需要检查的输入字段的值，可以通过id属性来获取每个字段的值。
- 将获取到的值存储在一个数组中。
- 使用JavaScript循环遍历数组，并比较每个值是否存在于数组中的其他位置。如果存在重复项，则说明在HTML表中会创建重复项。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>检查HTML表中的重复项</title>
</head>
<body>
<table>
<tr>
<td>姓名</td>
<td><input type="text" id="name"></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="text" id="email"></td>
</tr>
<tr>
<td>电话</td>
<td><input type="text" id="phone"></td>
</tr>
</table>
<button onclick="checkDuplicates()">检查重复项</button>
<script>
function checkDuplicates() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var phone = document.getElementById("phone").value;
var values = [name, email, phone];
for (var i = 0; i < values.length; i++) {
for (var j = i + 1; j < values.length; j++) {
if (values[i] === values[j]) {
alert("在HTML表中会创建重复项！");
return;
}
}
}
alert("没有重复项！");
}
</script>
</body>
</html>这段代码创建了一个简单的HTML表格，其中包含姓名、邮箱和电话输入字段。点击"检查重复项"按钮后，将执行JavaScript函数checkDuplicates()来检查输入字段是否存在重复项。
这个例子只是一个基本的示例，你可以根据需要自定义和扩展这段代码。关于JavaScript和HTML的更多信息，可以参考JavaScript MDN文档和HTML教程。
注意：腾讯云提供了多个云计算产品和服务，可以根据具体需求选择适合的产品和服务。这里没有提及具体的腾讯云产品，你可以参考腾讯云官方文档来了解和选择相关产品。
相关·内容
我在表单中有一个输入字段和一个选择字段，还有一个用php从我的数据库中生成的表，我在这个表中显示了球队的名称和他们的地区，如下所示： +-----------+---------+
| Team NameJavaScript函数，它可以防止用户在数据库中添加名称和区域，如果已经有同名团队的话。但是，我希望允许名称重复，只要区域不同，因此我可以使用"name1 - region1“和"name1 - region2”作为示例。 那么，
浏览 16提问于2020-07-08得票数 0
回答已采纳
我知道我可以编写使用array1的自定义循环，并且对每个元素执行indexOf到另一个数组。那么，如何轻松地比较两个数组，如果任何元素与另一个元素中的任何元素匹配，则返回true。
浏览 12提问于2015-08-02得票数 1
回答已采纳
2回答
与db并发冲突语句
、、、
我试图创建一个网站(使用html、javascript和jsp)，同时将修改和选择查询发送到db。MySQL显然不喜欢这个(到处都是ConcurrectModificationException)。我想创建一些东西，接收并发的sql语句，然后根据某些属性将它们排序到队列中，然后在确保它们不相互矛盾之后逐个执行队列(删除表后的insert语句会自相矛盾)。问题是，我不知道如何检查两个语句是否冲突。我想
浏览 1提问于2017-06-22得票数 3
回答已采纳
1回答
PHP -如果已经存在则跳过
、、、、
我一直在使用JOIN比较两个表，并将结果存储在另一个名为macadd的表中。每次我运行代码时，它都会在表macadd中生成重复的记录。如何停止一次又一次地存储相同的记录。下面是生成重复项的代码：select volley.mac from volley
inner我在这里完全不知
浏览 0提问于2016-02-18得票数 0
我试图在几个表中使用指令。这些表中可能有0到数千个条目，当我将typeahead指令附加到表行中的每个<input>时，它会为每个<input>创建一个DOM元素！如果我在页面加载后检查DOM，我可以在我的HTML正文中看到数百个<!-- ngIf: isOpen() -->。问题是，所有这些打字机都使用相同的源列表来提供提前输入的数据，所以从技术上讲，我只需要在
浏览 3提问于2014-09-11得票数 0
2回答
我是html的新手，我还在尝试弄清楚这件事：我想添加“兄弟”，然后它列出了"-兄弟“，当我决定添加更多的项目，如”姐妹“，它将是"-姐妹”在新行，但如果我决定再次添加相同的东西我想被加倍而不是添加新的行，例如，如果我将添加“兄弟”再次，它必须显示"2x兄弟“而不是”兄弟“在两行，是否可以在html中做？
浏览 5提问于2018-05-11得票数 0
2回答
这是一个简单的要求:我想向Dynamics 2011中的帐户添加一组字符串。该字符串是其他系统的外部ID。所有字符串在所有实体中都应该是唯一的。
浏览 0提问于2012-03-23得票数 1
回答已采纳
有没有办法检查标签是否是有效的html标签和/或浏览器支持的标签？例如，如果我在一组p1标签中输入文本"hi“，浏览器将不会在显示中显示任何内容，但p1不是有效的html标签。如何使用javascript检查？
浏览 2提问于2010-03-31得票数 5
回答已采纳
2回答
当我安装应用程序时，parse会在安装集合中创建一个条目。但当我卸载应用程序并使用相同的设备id重新安装时，它应该不会在installations colection中创建另一个条目。我需要在代码中做些什么来处理这个问题吗？对于android，它没有记录deviceToken的值。是不是跟那个有关。
谢谢
浏览 1提问于2015-04-21得票数 0
1回答
我想要做的事情：--我正在使用表单中的复选框--当选中并使用按钮提交时，它将在集合中创建一个新项。复选框>未选中>表单提交>不创建集合。在提交表单时，选中复选框或未选中复选框，并在此基础上创建新集合。
由于我不知道如何将内容从HTML传递到Meteor<em
浏览 3提问于2016-09-01得票数 0
标题很愚蠢，就像我说的那样:)我不知道这是不是可能的，但我必须问一下……我在Angularjs中使用ng-repeat和JSON，我得到的是一个包含这些值的列表。class="name">Samsung</li> <li class="name">ZTE</li>从这个列表中，<li
浏览 3提问于2013-07-16得票数 0
我想要创建一个SQL查询，在其中我检查几个不同的表中是否存在重复项。我在特拉达做这个。我希望输出如下所示。|Table A| |Table B| |Table C| |Table D| |Table D|
(Y表示存在重复，N表示不存在重复)。如何创建这个脚本--我已经成功地为如何检查<
浏览 4提问于2015-03-13得票数 1
回答已采纳
2回答
请原谅我的标题，但我只是不知道这个特殊的名称是否我可以使用，只是让我知道或编辑的标题与任何更好的。现在，问题是:我有两个MySQL表，一个包含一个项目列表，每个条目都有一个唯一的ID和一个存储的标题。另一个表是用户列表。这两个表每天都会获得更多的值(更多的用户注册并添加更多的项)。我想保存哪些项目的每个用户已经看到，我只是需要知道他是否有或他没有
浏览 0提问于2013-09-30得票数 0
回答已采纳
我想要创建一个宏，删除重复项(基于A列)，并保留具有最新日期的行(P列)。如果所有副本在P列中都没有日期，只需保留一个，然后删除其他副本。该表通常有大约15列和大约10.000行。因此宏应该检查是否有重复项</
浏览 7提问于2016-08-18得票数 2
2回答
在网站中处理SQL响应的位置
、、、、
我在使用多个MySQL数据库表的网站上工作。现在，我使用这些表格在多个页面上的表格中显示它们的内容。为了创建这些表，我使用JavaScript向服务器发出AJAX请求。JavaScript使用此响应来创建HTML代码。因此，在本例中，JavaScript处理数据(从数据库数据创建html表)。
浏览 0提问于2015-03-13得票数 0
3回答
我使用的是Databricks。当我们添加新条目时，我们使用merge into来防止重复项进入表中。然而，重复项确实进入了表中。我不知道这是怎么发生的。也许merge into条件没有正确设置。有什么方法可以检测并删除表中的重复项吗？我找到的所有文档都展示了如何在合并之前对数据集进行重复数据删除。这一次什么也
浏览 1提问于2020-10-13得票数 0
在这两个DMS中，在使用表之前，您永远不必创建表。我真的不知道它在表下是如何工作的，但是我在Mongo中创建我的模式，或者在Postgres中创建我的类(我使用SQLAlchemy )来定义我的不同表的结构。我知道使用DynamoDB也可以做到这一点，但在将项/列添加到表中<
浏览 29提问于2019-09-19得票数 0
回答已采纳
2回答
是否可以在页面中创建一个没有输入选择器的HTML表单，并通过javascript创建这些“输入”对象，然后提交它呢？我如何创建这些“项目”？还是我必须总是在HTML代码中创建任何要提交的“项”？所以，为了发送javascript变量，我能避免创建恼人的隐藏输入吗？我真的找不到任何关于它的教程<
浏览 5提问于2013-10-18得票数 0
回答已采纳
1回答
扫描JS数组最快的方法是什么？
、、、、
我正在使用JavaScript进行本地登录，我需要知道扫描数组的最快方法。假设有两个数组：passwords = ["pswd 1", "pswd 2", "pswd 3"];<input id="username">
&
浏览 1提问于2018-01-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
