如果Email1和Email2重复，则更改输入的颜色

是一种常见的前端开发需求，可以通过以下步骤实现：

首先，需要在前端页面中获取Email1和Email2的输入值，并进行比较判断是否重复。可以使用JavaScript来实现这一功能。
在比较Email1和Email2是否重复时，可以使用条件语句（如if语句）进行判断。如果两个值相等，则表示重复。
一旦判断出Email1和Email2重复，就需要更改输入的颜色。可以通过修改相关的CSS样式来实现。可以使用JavaScript来动态修改元素的样式属性，例如修改输入框的背景色或边框颜色。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
    .duplicate {
        background-color: red;
    }
</style>
<script>
    function checkDuplicate() {
        var email1 = document.getElementById("email1").value;
        var email2 = document.getElementById("email2").value;

        if (email1 === email2) {
            document.getElementById("email2").classList.add("duplicate");
        } else {
            document.getElementById("email2").classList.remove("duplicate");
        }
    }
</script>
</head>
<body>
    <label for="email1">Email 1:</label>
    <input type="email" id="email1" name="email1" required><br><br>

    <label for="email2">Email 2:</label>
    <input type="email" id="email2" name="email2" required oninput="checkDuplicate()"><br><br>

    <input type="submit" value="Submit">
</body>
</html>

在上述示例中，我们使用了JavaScript来获取输入框的值，并通过比较判断是否重复。如果重复，则给Email2输入框添加名为"duplicate"的CSS类，从而改变其背景色为红色。如果不重复，则移除该CSS类，恢复默认样式。

这种方式可以应用于各种需要判断重复并更改样式的场景，例如注册表单、密码确认等。

腾讯云相关产品和产品介绍链接地址：

请注意，以上链接仅为示例，具体的产品选择应根据实际需求和情况进行评估和选择。

如果Email1和Email2重复，则更改输入的颜色

、、

如果Email1和电子邮件被复制，则输入email1和email2的边框将变为红色。我该怎么做？

浏览 18提问于2019-02-20得票数 0

1回答

SetTimeOut，GravityForms

、、、

我有这个代码，其中我需要将边框和标签的颜色更改为这种颜色。 var email2 = $('#input_27_1_2').val(); if (email1 =="" && email2 == "")

浏览 6提问于2016-08-03得票数 0

1回答

MS删除带有重复电子邮件的任何行。

、、

这是令人愤怒的，因为应该有一些简单的方法来做到这一点，但似乎没有。对于我来说，删除哪些行并不重要，但我想删除任何有重复电子邮件的行。例如，如果我有A B A A <em

浏览 1提问于2016-05-06得票数 0

回答已采纳

1回答

使用group by和多个列的行号

、

浏览 0提问于2013-05-18得票数 3

回答已采纳

1回答

使用Yup进行表单验证以检查输入值是否相等

、、、

我需要使用Yup进行表单验证，以检查React中的输入类型email1、email2、email3、email4和email5。 email1: Yup.string() .oneOf([Yup.ref('email2'), null], message) .oneOf([Yup.ref('

浏览 5提问于2019-11-13得票数 10

2回答

提交按钮不工作？

、、、

我有一个小小的测试页面，试图弄清楚PHP代码，据我所知，在填写表单并点击submit之后，应该会发生一些事情。取决于你输入了什么。 $email1 = $_POST['email1']; function checkEmail() $email1 = $_

浏览 4提问于2013-01-17得票数 0

4回答

来自平面文件的SQL查询

、

我有一个这样的表：我需要将数据集转换为以下格式：John email2 John email3如果这样做更容易，可以将其导出到Excel中，然后再导入回来。

浏览 0提问于2010-01-20得票数 0

回答已采纳

4回答

如何从python中的列表中删除双引号？

、、、、

我有以下问题：mails = 'email1', 'email2', 'email3'list = [mails]["'email1', '

浏览 9提问于2022-01-14得票数 -1

1回答

简单的PHP注册表单只收集空值？

、、、、

我试图创建一个基本的登录/注册网站使用PHP。下面的代码显示，我需要测试的config.php，它可以顺利地连接到我的站点。当我进入页面并输入值时，不管我输入了什么电子邮件和密码，都会显示它们总是匹配的。当我试图输出email1和email2的值时，它什么也不输出。我认为当您按submit时，表单不是在收集数据。如果有人能看到我做错了什么，我会非常感激的

浏览 2提问于2014-10-17得票数 1

回答已采纳

1回答

我的示例是一个包含3个输入字段的表单: Name、email1和email2。我创建了一个自定义验证器，以便在两个电子邮件字段都为空时抛出一个错误，但在至少一个字段被赋予一个值时才有效。<span data-bind='if:errors()>0'>One e-mail required</span> 但是，如果用户将名称保留为空，它也会抛出验证错误，这个范围就会出现。那么，是否有一种方法可以判断它是哪种错误，

浏览 2提问于2015-07-29得票数 0

回答已采纳

5回答

用于比较两个字符串的TSQL函数

、、

我试过了，但是出于某种原因，我们的DBA完全反对在SSMS中使用CLR函数。非常感谢您的建议提前感谢

浏览 6提问于2012-11-13得票数 1

回答已采纳

3回答

Bash脚本替换文件中的信息

、

我创建了一个新文件，其中包含有特定文件的所有目录的列表：这会将我需要的所有正确信息写入新的临时文件。我很难用sed编写bash脚本来替换TREE.temp文件中的电子邮件。#!/bin/bashdo sed -i 's&#x

浏览 2提问于2014-05-20得票数 0

回答已采纳

4回答

严格验证Javascript xhtml 1.0中的表单数据，不考虑此实例的服务器端脚本

、、、、

我希望这能澄清我的问题检查所有字段是否都有数据。查看是否输入了有效的电子邮件地址。 <input

浏览 0提问于2013-06-26得票数 0

回答已采纳

4回答

是否通过创建新字段合并SQL结果？

、

我想要两张这样的唱片：------------------------------------将它们组合在一起，这样我就只有一条记录了：1 John Doe jdoe

浏览 0提问于2011-07-14得票数 4

回答已采纳

2回答

比较两个表单电子邮件字段的值

、

我已经创建了一个需要电子邮件验证的表单。因此，用户必须键入他们的电子邮件地址两次，如果他们不匹配，他们将无法提交。我通过比较电子邮件字段1和2的值来做到这一点。如果它们匹配，"disabled“将从提交按钮中删除。当我将值设置为“插入您的电子邮件地址”和“再次确认您的电子邮件地址”时，一切都运行得很好。现在的问题是，当你输入任何东西的那一刻，它就会返回true。我猜它看

浏览 32提问于2019-10-23得票数 1

1回答

问题提交按钮

、

我正在努力学习PHP和HTML。我创建了一个带有导航条的主页(index.html)。我把一个href放到一个名为register_form.php的表单中，它会转到页面，但是在我输入所有信息并在注册按钮中单击之后，它会转到源页面。我试着寻找一些答案，但是我解决不了这个问题。;</script>'; $email1=$_POST['<e

浏览 2提问于2014-04-18得票数 0

回答已采纳

5回答

IF的小问题..或PHP上的语句

我正在尝试在注册表单上验证两次电子邮件，为此，我首先尝试通过运行" empty“函数或同时运行这两个字段来检查实际的电子邮件字段是否为空-但由于某种原因，它不接受它，它会报告意外的'(‘ 下面是这句话：

浏览 0提问于2013-02-16得票数 0

回答已采纳

3回答

Javascript电子邮件和密码验证

、、

我创建了一个注册页面，用户可以注册，我正在努力检查:电子邮件是否有效，电子邮件匹配，密码符合长度要求，和密码匹配。但它并没有正常运作。html代码以相同的形式出现。Email Address:</td> <tr> <td><input id="em100" type="email" name="email1Email Address:</

浏览 1提问于2017-08-08得票数 0

回答已采纳

1回答