gpt4 book ai didi

javascript - 有人单击我网站上的按钮后,如何使用 Javascript 弹出确认?

转载 作者:行者123 更新时间:2023-11-30 19:30:37 25 4
gpt4 key购买 nike

所以我有一个计算机科学学院的任务,我必须制作一个网站,其中一个标准是它需要一定数量的 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 确认对话框窗口并返回结果,因为它将产生一个 truefalse 响应基于用户的操作。

关于javascript - 有人单击我网站上的按钮后,如何使用 Javascript 弹出确认?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56477419/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com