정리노트 (JSP,JQUERY)
* selectbox 선택값 가져오기
$(“#셀렉박스ID option:selected”).val();
$(“select[name=셀렉박스Name]”).val();
* 폼 유효성 검사 (빈칸인지 아닌지 검증)
$(document).ready(function(){
$(‘#ex_form’).submit(function(){
if($(‘#title’).val==‘’){
alert(‘제목입력은 필수.’);
return false;
}
});
});
* 체크박스 checked (value와 같은 값을 가지는 체크박스 선택)
<jQuery>
function a(){
for(var i=0;i<4;i++){
$(‘input:checkbox[value=“1”]’).prop(‘checked’,true);
}
}
<jsp>
<a href=“#” onclick=“a()”>A</a>
<input type=“checkbox” id=“check” name=“id” value=‘0’>노체크
<input type=“checkbox” id=“check” name=“id” value=‘1’>체크
<input type=“checkbox” id=“check” name=“id” value=‘2’>노체크
<input type=“checkbox” id=“check” name=“id” value=‘3’>노체크
* $.ajax() :비동기식 Ajax를 이용하여 HTTP(www상에서 정보를 주고받을 수 있는 프로토콜, 주로 html문서를 주고받는 대 쓰임) 전송
- url : 요청 url (클라이언트가 http요청을 보낼 서버의 주소)
- data : 요청과 함께 서버에 보내는 string 또는 json
- success : 요청이 성공일때 실행되는 callback함수
- dataType : 서버에서 내려온 data 형식 (default : xml, json, script, text, html)
* .text() : 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꿈
* .substring(start,end) : start 부터 end까지의 문자열 (처음값은 0)
*$each(json,function(key,value){
});
var json = {‘name’:’홍길동’};
: 첫번째 매개변수 json 로 객체 전달
두번째 매개변수(콜백함수) 중 첫번째 key는 객체의 키, 두번째 value는 키가 가진 값을 의미
* .clone() : 선택핟 요소를 복제
* .attr() : 속성의 값을 가져오거나 속성을 추가하는 메소드
* 현재날짜 구하기
<%@taglib prefix=“c” url=“http://java.sun.com/jsp/jstl/core”%>
<%@taglib prefix=“fmt” url=“http://java.sun.com/jsp/jstl/fmt”%>
<c:set var=“now” value=“<%=new java.util.Date()%>”/>
<fmt:formatdate var=“nowYear” value=“#{now}” pattern=“yyyy”/>
* 년도(nowYear~10년 전) 역순정렬 셀렉트박스
<select id =“selectYear” name=“selectYear”>
<c:forEach var=“year” begin=“0” end=“10”>
<option value=“${nowYear-year}” ${selectYear eq year ? ‘selected’: “}>${nowYear-year}</option>
</c:forEach>
</select>
* onKeyDown = “if(event.keyCode==13) ~ “ : 엔터키 입력이 들어오면 ~ 실행