发布帖子的jsp,需要校验标题非空,内容非空且字数不少于10个
时间: 2024-02-22 19:56:45 浏览: 25
好的,对于发布帖子的 JSP 页面,我们需要添加一些校验逻辑,确保用户输入的标题和内容符合要求。以下是一个简单的示例:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>发布帖子</title>
</head>
<body>
<h1>发布帖子</h1>
<form action="postArticle" method="post">
<label for="title">标题:</label>
<input type="text" name="title" id="title" required><br>
<c:if test="${not empty errorMessage}">
<p style="color: red">${errorMessage}</p>
</c:if>
<label for="content">内容:</label><br>
<textarea name="content" id="content" rows="10" cols="50" required></textarea><br>
<input type="submit" value="发布">
</form>
<script type="text/javascript">
var form = document.querySelector('form');
form.addEventListener('submit', function(event) {
var title = document.getElementById('title').value;
var content = document.getElementById('content').value;
if (title.trim().length == 0) {
event.preventDefault();
alert('标题不能为空!');
} else if (content.trim().length < 10) {
event.preventDefault();
alert('内容不能少于10个字符!');
}
});
</script>
</body>
</html>
```
在这个示例中,我们首先使用 HTML5 中的 `required` 属性来标记标题和内容字段必填。当用户没有填写这些字段时,提交表单时会有浏览器自动校验。
同时,我们还在 `form` 元素上添加了一个 `submit` 事件监听器。当用户点击提交按钮时,这个监听器会检查标题和内容的输入是否符合要求。如果不符合要求,就阻止表单提交,并弹出提示框告知用户错误信息。
需要注意的是,这里只是一个简单的示例,真正的校验逻辑可能更加复杂,具体还需要根据项目的实际需求进行调整。