时间戳

首页 > 解决方案 > 如何创建一个简单的表单并将其中一个字段传递给另一个页面中的脚本

javascript - 如何创建一个简单的表单并将其中一个字段传递给另一个页面中的脚本

问题描述

我需要使用一个名为AffiniBox的插件，我将把它集成到移动应用程序中（显示为网页）。为了验证用户登录，我必须创建一个包含几个字段的表单，其中一个是电子邮件。本质上，我必须将电子邮件字段的内容作为 ID 传递给另一个页面中的脚本。

然后，另一个页面中的脚本将获取电子邮件并自行加载。

我认为可以使用简单的表单字段，例如“表单操作”和“输入类型”，但我不知道如何将这些数据发送到另一个页面。

这是他们发送给我的代码。"data-email={{EMAIL}}" 是上一页表格填写的字段id。

<div id="afbx-root" data-club="dridi" data-email="{{EMAIL}}"></div>
<script src="https://plugin.affinibox.com.br"></script>
<style>

.jss224 {
    height: auto !important;
}

.jss229 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

</style>

根据他们的说法，如果没有插入电子邮件或者它是无效条目，则页面应该重新加载到前一个。

标签： javascripthtmlcssforms

解决方案

你的意思是用电子邮件重定向到另一个页面吗？

document.location.href = 'http://example.com?email=email@email.uk';


或者你想发送一个表格？

第一次使用表单将数据发送到另一个页面：这对你命名输入很重要，因为它将是你将在另一个页面上使用的名称

<form action="http://example.com/" method="POST">
<input type="email" name="data-email" value="email@email.en">
</form>

在 another_page.php 上：

你收到一个 POSTed 数据：

$email = $_POST['data-email'];

你可以像这样将它与javascript一起使用：

let email = <?php echo $email; ?> ;

所以你让你用 POST 发送的带有价值的电子邮件

推荐阅读