写一个html页面,有立即发布功能。需要先做验证,如果必选项没有数据,提示“不能为空”
时间: 2023-05-11 15:02:25 浏览: 51
好的,这是一个比较简单的任务,以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>发布页面</title>
</head>
<body>
<h1>发布文章</h1>
<form onsubmit="return validateForm()" action="submit.php" method="post">
<label for="title">标题:</label>
<input type="text" id="title" name="title"><br><br>
<label for="content">内容:</label>
<textarea id="content" name="content"></textarea><br><br>
<label for="author">作者:</label>
<input type="text" id="author" name="author"><br><br>
<input type="submit" value="立即发布">
</form>
<script>
function validateForm() {
var title = document.getElementById("title").value;
var content = document.getElementById("content").value;
var author = document.getElementById("author").value;
if (title == "" || content == "" || author == "") {
alert("必填项不能为空!");
return false;
}
return true;
}
</script>
</body>
</html>
```
这个页面包含一个表单,用户需要填写标题、内容和作者,然后点击“立即发布”按钮。在提交表单之前,我们使用 JavaScript 编写了一个函数 validateForm(),用于验证必填项是否为空。如果有任何一个必填项为空,将会弹出一个提示框,阻止表单提交。如果所有必填项都有数据,表单将会被提交到 submit.php 页面进行处理。