Javascript 合并文本框中的输入以自动填充另一个文本框

我写Javascript的经验非常有限，所以如果我说得不好，请原谅。：）

首先是背景

我在一个saas平台上工作，该平台允许我向表单中添加自定义CSS和Javascript

每个表单都需要一个唯一的电子邮件地址

然而，我们并不总是需要一个电子邮件地址——特别是当我们用人们亲自或通过电话提供的信息来填写它们时

因此，我一直在试图找到一种方法，通过根据提供的输入自动创建一封“假电子邮件”，为其中一个表单添加一个变通方法

这使我们能够快速使用表单，而无需手动生成电子邮件，但当我们稍后搜索系统以清除这些虚假地址时，电子邮件仍然具有意义和唯一性

好的，现在我需要一些精彩的指导

我想将输入合并到两个文本框中，以自动填充第三个文本框

但是另外，我想给这个信息添加一个后缀

因此，例如，如果他们键入“John”和“Doe”，新文本框将添加后缀“-noemail@email.com“创造”约翰多-noemail@email.com“

我想你明白了。：）

请参见此图：

我很感激任何人能提供的见解

---

提前感谢！

我想这应该可以完成这项工作。在本例中，每次输入更改时，都会通过键入更改电子邮件。如果您希望在从输入中删除焦点时更改“keyup”，则可以轻松地将“keyup”更改为“blur”

名字：


姓氏：


假电子邮件：

var后缀=-noemail@email.com';
var firstName=document.getElementById（'firstName'）；
var lastName=document.getElementById（'lastName'）；
var email=document.getElementById（'email'）；
函数makeFakeEmail（）{
var fakeEmail=firstName.value+lastName.value+后缀；
email.value=fakeEmail；
}
firstName.addEventListener（'keyup'，makeFakeEmail）；
lastName.addEventListener（'keyup'，makeFakeEmail）；

我想这应该可以完成这项工作。在本例中，每次输入更改时，都会通过键入更改电子邮件。如果您希望在从输入中删除焦点时更改“keyup”，则可以轻松地将“keyup”更改为“blur”

名字：


姓氏：


假电子邮件：

var后缀=-noemail@email.com';
var firstName=document.getElementById（'firstName'）；
var lastName=document.getElementById（'lastName'）；
var email=document.getElementById（'email'）；
函数makeFakeEmail（）{
var fakeEmail=firstName.value+lastName.value+后缀；
email.value=fakeEmail；
}
firstName.addEventListener（'keyup'，makeFakeEmail）；
lastName.addEventListener（'keyup'，makeFakeEmail）；

到目前为止你都尝试了什么？你有什么具体的代码需要帮助吗？看。到目前为止你尝试了什么？你有什么具体的代码需要帮助吗？看。我能说的就是哇，鲍里斯。太完美了。非常感谢你的帮助！我的荣幸，斯蒂芬！它能按预期工作吗？这是你需要的吗？是的，它正是你想要的在我希望的时刻！我所能说的就是哇，鲍里斯。绝对完美。非常感谢你的帮助！我的荣幸，斯蒂芬！它按预期工作吗？这是你需要的吗？是的，这正是我希望的！