boardform.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bulletin Board</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="board.js"></script>
</head>
<body>
<form method="post" action="board.jsp">
<table border=1 width=600 align=center>
<caption>Bulletin Board</caption>
<tr><th>Writer</th> <!-- th : align center , bold -->
<td><input type=text size=30 id="writer" name="writer"
placeholder="Writer"></td>
</tr>
<tr><th>Password</th>
<td><input type=password size=30 id="passwd" name="passwd" placeholder="2~8 chracters"></td>
</tr>
<tr><th>Title</th>
<td><input type=text size=60 id="subject" name="subject"></td>
</tr>
<tr><th>Content</th>
<td><textarea rows="5" cols="50" id="content" name="content" placeholder="Write up to 200 characters."></textarea></td>
</tr>
<tr><th>Attach File</th>
<td><input type=file></td>
</tr>
<tr><td colspan=2 align=center>
<input type=submit value="Post">
<input type=reset value="Cancel">
</td>
</tr>
</table>
</form>
</body>
</html>board.js
$(function(){
$("form").submit(function(){
if($.trim($("#writer").val()) == ""){
alert("Insert writer name.");
$("#writer").focus();
return false;
}
if($.trim($("#passwd").val()) == ""){
alert("Insert password.");
$("#passwd").focus();
return false;
}
if($("#passwd").val().length <2 ||
$("#passwd").val().length >8 ){
alert("Password has to be 2 ~ 8 characters.");
$("#passwd").val("").focus();
return false;
}
if($.trim($("#subject").val()) == ""){
alert("Insert title.");
$("#subject").focus();
return false;
}
if($.trim($("#content").val()) == ""){
alert("Insert content");
$("#content").focus();
return false;
}
if($.trim($("#content").val()).length > 200){
alert("Content has to be up to 200 characters.");
$("#content").focus();
return false;
}
});
});
board.jsp(Option1)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
request.setCharacterEncoding("utf-8");
String writer = request.getParameter("writer");
String passwd = request.getParameter("passwd");
String subject = request.getParameter("subject");
String content = request.getParameter("content");
%>
Writer : <%=writer%> <br>
Password : <%=passwd%> <br>
Subject : <%=subject%> <br>
Content : <pre><%=content%></pre> <br>
The <pre></pre> tag helps to display the text exactly as written in the HTML source code.
board.jsp(Option2)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
request.setCharacterEncoding("utf-8");
String writer = request.getParameter("writer");
String passwd = request.getParameter("passwd");
String subject = request.getParameter("subject");
String content = request.getParameter("content");
String contents =
request.getParameter("content").replace("\n","<br>");
// <br> will be replaced instead of "\n"
%>
Writer : <%=writer%> <br>
Password : <%=passwd%> <br>
Subject : <%=subject%> <br>
Content1 : <pre><%=content%></pre> <br>
Content2 : <%=contents%>
'Codes & Projects' 카테고리의 다른 글
| JSP) Log in / Shopping cart (0) | 2022.08.29 |
|---|---|
| HTML / Javascript / JSP ) Sign up Form2 (0) | 2022.08.28 |
| Javascript/ JSP/ HTML ) Log in form (0) | 2022.08.27 |
| Java) Finding Maximum value (0) | 2022.08.25 |
| Java) Math.random() (0) | 2022.08.25 |