js点击提交按钮提示提交成功
时间: 2023-08-05 14:04:46 浏览: 44
您可以使用如下代码来实现:
```html
<button onclick="alert('提交成功')">提交</button>
```
当用户点击按钮时,会弹出一个提示框,显示“提交成功”。您可以根据需要修改提示框的内容和样式。
相关问题
js点击提交按钮弹出提交成功
可以使用JavaScript来实现点击提交按钮后弹出提交成功的提示框,可以使用`alert()`函数来实现。以下是一个示例代码:
```html
<button onclick="submitForm()">提交</button>
<script>
function submitForm() {
// 这里可以编写提交表单的代码
// 提示提交成功
alert("提交成功!");
}
</script>
```
当用户点击提交按钮时,`submitForm()`函数会被触发,表单会被提交,然后弹出一个提示框,显示“提交成功!”的消息。你可以根据实际情况修改提示框的内容和样式。
点击提交之后如何提示提交成功弹窗并跳转主页
这可以通过以下步骤实现:
1. 在提交按钮的点击事件中,使用 JavaScript 创建一个弹窗,提示用户提交成功。
2. 在弹窗上添加一个“确定”按钮。
3. 在“确定”按钮的点击事件中,使用 JavaScript 跳转到主页。
以下是示例代码:
HTML 代码:
```
<button id="submit-btn">提交</button>
```
JavaScript 代码:
```
let submitBtn = document.getElementById("submit-btn");
submitBtn.addEventListener("click", function() {
// 提交表单的逻辑
// 创建弹窗
let successPopup = window.open("", "", "width=300,height=200");
successPopup.document.write("<p>提交成功!</p>");
successPopup.document.write("<button id='ok-btn'>确定</button>");
// 点击确定按钮后跳转到主页
let okBtn = successPopup.document.getElementById("ok-btn");
okBtn.addEventListener("click", function() {
successPopup.close();
window.location.href = "主页的 URL";
});
});
```