Ajax

<script>
$("#regionName").keyup(function()
	{
		$("#err").css("display","none");
		ajaxCheck();
		
	});
    
    
  function ajaxCheck()
{
	 $.ajax(
			{
				type:"post"
				, url:"regionajax.action"
				, data : {regionName:$("#regionName").val()}
				, success:function(args)
				{
					
					$("#err").css("display","inline");
					$("#err").html($.trim(args));
				}
				, error: function(e)
				{
					alert(e.responseText);
				}
				
		
	});   
    </script>

View에서 이와같이 ajax를 사용했을때

String regionName = request.getParameter("regionName"); 
		String result = "사용할 수 있는 이름입니다.";
		
		System.out.println(regionName);
		
		for (Region region : dao.list())
		{
			
			if(region.getRegionName().equals(regionName))
			{
				result = "이미 사용중인 이름이 존재합니다.";
				break;
			}
			
		}
		
		mav.addObject("result",result);
		
		mav.setViewName("AjaxRegion");
		
		
		return mav;

• ajax 컨트롤러에서 이와같이 비교하면 사용자가 입력한 데이터가 db에 있는지 아닌지 알 수 있다.

한글완성형 체크

<script>
$("#submitBtn").click(function()
	{
	// 1.데이터 검사
	
	
	// 1-①. 입력항목 누락여부 확인 →작성된건지...
	if($("#regionName").val().replace(" ","")=="")
		{
		$("#err").html("입력항목 누락");
		$("#err").css("display","inline");
		return;
		}
	
	// 1-②. 입력항목 유형 확인 → 한글 완성형인지...
	if(!/^[가-힣]{1,}$/.test($("#regionName").val()) )
		{
		$("#err").html("입력항목 누락");
		$("#err").css("display","inline");
		return;
		}
	
	// 2.중복환인 유효성 검사 → 중복된 값임을 확인했는데 추가했는지...
	if($("#err").html().trim()=="이미 사용중인 이름이 존재합니다.")
		{
		$("#err").html("사용중인 이름은 등록할수 없습니다.").
		$("#err").css("display","inline");
		return;
		}
	//위의 모든 확인 과정 통과 했으면
	//submit 액션 처리 수행
	
	$("#regionForm").submit();
	
	
	});
    </script>

• 1-② 와 같은 조건을 버튼 클릭시 비교하면 한글완성형인지 비교할수 있다.