[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에서 연락처 컬럼인 tel을 subString을 통하여 문자열에 맞게 빼주면 끝입니다.
이렇게 말이죠
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)}" /> -
<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)}" /> -
<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 |
'JAVASCRIPT & JQUERY' 카테고리의 다른 글
Select문으로 일정한 시간 설정 방법 (0) | 2020.10.02 |
---|---|
여러 개의 Select 값을 하나의 컬럼으로 합치는 방법 (0) | 2020.09.29 |
[HTML&JQUERY] 연락처 숫자만 입력하는 방법 & 유효성 검사 (0) | 2020.09.17 |
[JQuery] 여러 체크박스 클릭 시, 하나만 선택하는 방법 (0) | 2020.09.15 |
시간을 지연 시켜주는 함수 setTimeout (0) | 2020.06.17 |
댓글