所以我有一个计算机科学学院的任务，我必须制作一个网站，其中一个标准是它需要一定数量的 javascript。我的老师建议我在完成联系我们表单后点击“提交”时创建一个确认弹出窗口。
问题是我对 javascript 完全一无所知，对 HTML 和 CSS 也几乎一无所知。联系我们的表格是从网上的某个地方获取的，并稍作编辑以适应我网站的主题，我在大学的 friend 们在调整方面帮助了我很多，所以不用说我现在很困惑，我的任务是明天到期。
我试过在网上寻找一行简单的代码。基本上，当有人点击我网站上已有的“提交”按钮时，我需要弹出一个确认窗口。它需要用 Javascript 编写。我无法在网上找到任何这样做的东西，他们要么在更改到另一个网页时请求弹出确认，这将是“a”标签？正确的？它使用 href= 我不能在这里使用(我认为。)
这是联系我们的表格:
============================================= =========================
<body>
<header>
<nav>
<a href="./index.html">
<img id="logo" src="./images/logo.jpg" href="./index.html" title="Home">
</a>
<div id="navbuttons">
<a class="navButton" href=./about.html>About</a>
<a class="navButton" href=./services.html>Services</a>
<a class="navButton" href=./products.html>Products</a>
</div>
</nav>
</header>
<div class="container">
<form action="action_page.php">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="UK">UK</option>
<option value="China">China</option>
<option value="Other">Other</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write your message here..." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
</body>
============================================= =========================
这是它附带的 CSS:
============================================= =========================
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}
input[type=submit] {
background-color: #BB1B25;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
如您所见，这里没有任何内容会导致出现确认窗口。因此，在这个巨大的文本墙之后解释我的问题:我如何在有人点击“提交”后添加一个确认窗口？我需要使用 javascript 来计算。此外，该表格并不意味着实际工作，因为它永远不会被托管，所以请不要尝试修复表格本身，因为它足以让我获得通行证......只需要一个确认窗口;(
请。提前感谢阅读本文的任何人。
最佳答案
<form action="action_page.php" onsubmit="return confirm('Are you sure?')">
form 元素有一个可以通过 JavaScript 附加的 onsubmit 事件。
您可以通过多种方式做到这一点，但最简单的方法是将 onsubmit 属性添加到您的 form 元素。
如果 onsubmit 事件返回 false，表单将不会提交，因此您可以添加一个 JavaScript 确认对话框窗口并返回结果，因为它将产生一个 true 或 false 响应基于用户的操作。
关于javascript - 有人单击我网站上的按钮后，如何使用 Javascript 弹出确认？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56477419/