채택완료

자바스크립트 폼 나가려할 때 컨트롤

2018-12-27 (목) 15:53:15 2,188

안녕하세요. form을 자바스크립트로 컨트롤 할때 궁금한것이 있어요.

form 작성시 뒤로가기나 닫기 등을 클릭할 때 작성중이던 문서를 보호하기 위해, 자바스크립트로 아래와 같은 코드를 넣었습니다.

Copy
$(window).on('beforeunload', function() {

     return "이 페이지를 벗어나면 변경된 내용이 저장되지 않습니다.";

});

그랬더니, submit 시에도 위 경고창이 뜨네요. 현재 form의 submit을 하면, 다른 페이지로 redirect되도록 되어 있거든요. 이것은 그대로 redirect 되도록 해야합니다.  

만약 form이 아래와 같다면, 

Copy
<form id="my_form">

블라블라

<button type="submit" id="my_submit">완료</button>

</form>

위 스크립트를 submit 시에는 동작하지 않도록 하려면 어떻게 해야 할까요..? 

감사합니다. 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
//Form Submit 등 onBeforeUnload Event가 발생하길 원하지 않는 경우, 이벤트 해제
$('#my_form').submit(function() 
{
    $(window).unbind('beforeunload'); 
});

http://nsinc.tistory.com/101

답변에 대한 댓글 1개

감사합니다 덕분에 쉽게 해결되었네요..ㅠ

답변을 작성하려면 로그인이 필요합니다.