jquery

$(document).ready(function() { // 다 로딩된 다음에 js 실행하겠다는 의미
  
		$("#idchk").click(function(){ // click을 누르면 작동하게 되는 하는 것
			$.post(
              
              // 1. 서버 주소 , 2. 서버로 보낼 데이터 , 3. call back method(서버가 돌려주는 결과 값) 
              // 4. json 모드 <- 간혹
					"${pageContext.request.contextPath}/idCheck"
					, {	mid:$("#mid").val()	}
					, function(data, status) {
						//alert(data);
						if(data < 1){//중복 아님.
							$("#id_message").text("사용 가능한 아이디 입니다.");
							$("#id_message").css("color", "blue");
						} else if(data >= 1){//중복
							$("#id_message").text("이미 사용 중인 아이디 입니다.");
							$("#id_message").css("color", "red");
						} else {//에러
							$("#id_message").text("잠시 후 다시 시도해 주세요.");
							$("#id_message").css("color", "red");
						}
					}//function
			);//post
			
		}) // click
		
	}) // ready


<button type="button" id="idchk"> id 중복 체크 </button>
type submit 하면 자동으로 get

ckeditor 링크

자바 스크립트 관련 링크

http://www.tcpschool.com/jquery/jq_basic_js