본문 바로가기

개발/JAVASCRIPT

참고하여 잊지 않기


1. JavaScript와 jQuery로


처음엔 제목의 Null 값과 공백 값을 잡아내기 위해서 공백이 들어가면 alert를 띄웠다.

그랬더니 예를 들어 'hi there'이라고 제목을 쓴 경우, hi 다음의 공백 때문에 진행이 되지 않음.

아~주 멍청했음.

Null 값은 isNull()이나 == null 로 쉽게 잡아낼 수 있었는데, 공백'만' 적었을 때를 음........ 어찌해야 할 지 고민을 좀 함.


이렇게 하는 것이 올바른 것인지는 모르지만 나는 trim을 사용했다.

trim function을 따로 만들었다.

function trim(stringToTrim) {

    return stringToTrim.replace(/^\s+|\s+$/g,"");

}


거기다가

var check_title = document.getElementById('TITLE').value;

var trimmed_title = trim(check_title);
var trimmed_title_length = trimmed_title.length;
변수 하나하나 따로 주고

if( trimmed_title_length == 0 ){
    alert(' 제목을 입력해주세요. ');
    return false;
}
막혀버리게 이렇게 코드 넣어줌.

그랬더니

잘~ 돌아감ㅋ



2. 엔터쳐도 안먹어서


내용에 아무리 엔터를 쳐도 볼 때는 일자로 죽~~ 적혀 나오길래 어떻게 하는지 이리저리 찾아 봄.

우선 필요한 것은 

JSTL의 함수처리 태그 fn 사용을 위해 

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

상단에 등 록

그리고 

<%

pageContext.setAttribute("br", "<br/>");

pageContext.setAttribute("cn", "\n");
%>
이 두 줄도 등 록
(pageContext: 현재 JSP 페이지의 컨텍스트(Context)를 나타내며,
페이지 흐름 제어나 에러 메세지 제어를 위해 사용되며, 내장 객체를 구할 때 사용 함.)


DB에서 내용 받아와서 출력하는 부분도 변경 (jsp파일 안의)

<tr>

<td colspan="4">${map.CONTENTS}</td>

</tr>

이랬는데

<tr>

<td colspan="4">${fn:replace(map.CONTENTS, cn, br) }</td>

</tr>

replace함수를 이용하여 아까 두 줄 설정한 cn과 br을 바꿈니다.


아주 자알 돌아갑니다.

반응형