본문 바로가기

JSP(Java Server Page)

input의 type을 image로 줄 때

g-2.test


<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

//앞뒤 공백 제거

String.prototype.trim=function(){

var p=/(^\s*)|(\s*$)/g;

return this.replace(p,"");

}

function send(){

var f=document.forms[0]; // 첫번째 form을 가리킨다. 첫번째 폼의 객체를 생성함.

var s;

s=f.subject.value;

s=s.trim();

if(!s){

alert("제목......");

f.subject.focus();

return false;

}

s=f.name.value;

s=s.trim();

if(! s){

alert("이름......");

f.name.focus();

return false;

}

s=f.name.value;

s=s.trim();

if(! s){

alert("내용......");

f.content.focus();

return false;

}

//f.action="g_ok.jsp";

//f.submit(); // image button 에서 있으면 두번 전송됨.

return true;

}


</script>

</head>

<body>


<form method="post" action="g_ok.jsp" onsubmit="return send();">  <!-- 두번 넘가지 않게 return send()로 불러줬다. -->

제목 : <input type="text" name="subject"><br/>

작성자 : <input type="text" name="name"><br/>

내용 : <textarea name="content" rows="20" cols="60"></textarea><br/>

<input type="image"  src="/study/img/3.jpg" width="80" height="25"> <!-- image를 사용한 버튼. study폴더에 img폴더안에 3.jpg가 있어야 그림이 보인다. -->

<input type="reset" value="다시입력">

</form>


</body>

</html>


==============================================================================================================================


g_ok.jsp


<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

    

  <%

  request.setCharacterEncoding("utf-8");

  String name=request.getParameter("name");

  String subject=request.getParameter("subject");

  String content=request.getParameter("content");

  content=content.replaceAll("\n","<br/>"); // content 엔터를 해결하기 위한 방법

  content=content.replaceAll(" ", "&nbsp;"); // content 공백을 해결하기 위한 방법

 

  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>


제목 : <%=subject%><br/>

이름 : <%=name%><br/>

내용 : <%=content %>


</body>

</html>