본문 바로가기
JAVASCRIPT & JQUERY

[JSTL] 연락처 나누는 방법

by GoodDayDeveloper 2020. 9. 19.
반응형

[JSTL] 연락처 나누는 방법

 

안녕하세요 ? 게시판을 만들면서 게시판 정보 중 하나인 연락처 컬럼에 연락처가 이렇게 들어가 있을 겁니다

(ex : 010-3213-2132)

수정화면에서는 input 칸이 세개일 경우 나눠야하는데 이것을 간단히 JSTL로 나눌 수 있는데요.

JSP에서만 간단하게 작업을 하면 구현할 수 있습니다.

 

 

 


 

 

CONTROLLER

 

컨트롤러에서는 VO의 정보를 IDX를 통하여 searchVO라는 이름으로 JSP로 빼줍니다.

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
@@RequestMapping(value = "update.do")
public String update(
    @ModelAttribute("searchVO") tbl_VO searchVO,
    @RequestParam("idx"int idx,
    HttpServletRequest request,
    ModelMap model) throws Exception {
 
tbl_VO tbl_VO = Service.getContent(idx);
model.addAttribute("searchVO",tbl_VO);
 
 
return "tiles:update";
}
cs

 

 

JSP

 

UPDATE 부분입니다.

UPDATE 부분은 기존 CREATE부분과 똑같습니다. 다만 차이점은 value값이 있다는거죠!

우선은 JSP 맨 상단에 JSTL functions 함수를 사용할 수 있도록 설정합니다.

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

그리고 Value에서 searchVO에서 연락처 컬럼인 telsubString을 통하여 문자열에 맞게 빼주면 끝입니다.

이렇게 말이죠


value="${fn:substring(searchVO.tel,0,3)}"

value="${fn:substring(searchVO.tel,4,8)}"

value="${fn:substring(searchVO.tel,9,13)}"


또는!!!!

간단히


${fn:split(searchVO.tel,'-')[0]} - ${fn:split(searchVO.tel,'-')[1} - ${fn:split(searchVO.tel,'-')[2} 


해도 같은 결과가 나온다는점 참고바랍니다 :)

 

1
2
3
4
5
6
7
8
9
10
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 
<tr> 
<th class="active" style="text-align:center">연락처</th>
<td class="form-inline">
    <input type="text" id="tel1" name="tel1"  class="prep-entrepreneur" style="width:50px" maxlength="3" onkeyup="inputOnlyNumberFormat(this);" value="${fn:substring(searchVO.tel,0,3)}" />&nbsp;-
    <input type="text" id="tel2" name="tel2"  class="prep-entrepreneur" style="width:50px" maxlength="4" onkeyup="inputOnlyNumberFormat(this);" value="${fn:substring(searchVO.tel,4,8)}" />&nbsp;-
    <input type="text" id="tel3" name="tel3"  class="prep-entrepreneur" style="width:50px" maxlength="4" onkeyup="inputOnlyNumberFormat(this);" value="${fn:substring(searchVO.tel,9,13)}" />
</td>
</tr>
cs
반응형

댓글