amazon-web-services - 在 AWS 上托管静态网页时,如何让我的电子邮件注册表单正常工作?
问题描述
就像标题所述 - 我试图让我的静态网页上的电子邮件收集表单在 AWS 上托管时工作。
HTML 是:
<form id="email-submit" method="post">
<div class="container-fluid">
<div class="row justify-content-end">
<div class="col-lg-6">
<div class="call-action-content text-center">
<h2 class="call-title">Want early access?</h2>
<p class="text">Enter your email below to gain priority access and to receive updates on the official release.</p>
<div class="call-newsletter">
<i class="lni-envelope"></i>
<input type="email" id="email-input" placeholder="Email address">
<button type="submit" onClick="submitToAPI2(event)">Stay informed</button>
我在我使用的亚马逊文档中找到的 jquery/ajax 是:
function submitToAPI2(e) {
e.preventDefault();
var URL = "the api gateway";
var reeamil = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!reeamil.test($("#email-input").val())) {
alert ("Please enter a valid email address");
return;
}
var email = $("#email-input").val();
var data = {
email : email
};
$.ajax({
type: "POST",
url : "api gateway",
dataType: "json",
crossDomain: "true",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(data),
success: function () {
// clear form and show a success message
alert("Successfull");
document.getElementsById("email-submit").reset();
location.reload();
},
error: function () {
// show an error message
alert("Error. Please try again");
}});
}
关于为什么它不起作用的任何想法?
解决方案
推荐阅读
- bash - 您可以将粘贴命令与命令而不是文件一起使用吗?
- android - 使用冲突的 android 组件/依赖版本(play-services-location、firebase 等)构建 cordova-android
- python - 使用 Python 中的 Sql Sever 处理大文件?
- angular - 角度错误未在代码中显示行号
- flutter - 我如何从飞镖的未来获得价值并将其存储到全局变量
- python - 新 docker 映像上 pip 安装的 Sha256 不匹配
- python - 使用请求登录推特
- mysql - 在 d-mY 格式的日期和下个月 1 日之间选择记录,再加上 Mysql 中的 1 天
- flutter - 谁能像我的 xd 一样帮助我设计自定义可扩展列表
- django - success_url 不重定向到重定向页面