請你再幫我添加如果未填寫完畢提示“请填写完整表单信息!”如果填寫ok提交彈出對話框提交成功
时间: 2023-10-22 10:06:33 浏览: 18
好的,为了完成你的要求,需要在代码中添加一些验证和弹出对话框的逻辑。以下是示例代码:
```html
<form id="myForm">
<label for="name">姓名:</label><br>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label><br>
<input type="email" id="email" name="email"><br>
<input type="submit" value="提交">
</form>
<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault();
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
if (name === "" || email === "") {
alert("请填写完整表单信息!");
} else {
// 提交表单信息的代码
alert("提交成功!");
}
});
</script>
```
这段代码中,我们使用了 `addEventListener` 来监听表单的提交事件。当表单提交时,我们先调用 `event.preventDefault()` 来阻止默认的提交行为。然后,我们获取表单中的姓名和邮箱,进行验证。如果姓名或邮箱为空,则弹出提示框;否则,我们可以在这里添加提交表单信息的代码,并弹出提交成功的对话框。
希望这个代码片段能够帮助到你!