[Tip] 폼 서브밋 바인딩하여 발리데이트 시 아약스사용할 경우 참고사항

 

JS 를 다루면서 가끔가다 보면 잘 잊는 경우가 있어 메모해둘 겸 작성하는 Tip

 

<form> 을 전송하는데 있어서 내부의 요소에 대한 유효성 검사를 js로 검사할 경우 보통 submit 이벤트에 바인딩하여 유효성 검사를 진행한다.

 

그리고 요소 중 특정 요소의 경우에는 ajax 를 통해 유효성 검사를 하는 경우가 있는데,

이 때 ajax를 사용할 떄 일반적으로 비동기적으로 통신을 하는데,

비동기식으로 통신하여체크하게 될 경우에 문제가 있다.

 

바로 ajax통신 하고 있는데 폼은 전송하여 페이지가 넘어가버리는 경우!

 

이 경우에는 ajax를 동기식으로 통신하도록 설정하도록 하자.

 

ex) jQuery

$.ajax({
	url : '',
    type : '',
    data : {},
    dataType : '',
    async : false /* 중요! 기본값 true 값 사용 시 비동기식! 동기식은 false!  */
});