jQuery textarea 저장하지 않고 페이지 이동시 경고

1 개요[ | ]

jQuery textarea 저장 안하고 페이지 이동시 경고
  • textarea가 비어 있는지를 확인하거나, 변경된 적이 있는지를 확인하여 경고를 줄 수 있다.

2 내용이 있다면 경고[ | ]

<textarea id='textarea1'></textarea>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
window.addEventListener("beforeunload", function(e) {
	if( $('#textarea1').val().trim().length < 1 ) return undefined;
	var confirmationMessage = "Are you sure?";
	e.returnValue = confirmationMessage;
	return confirmationMessage;
});
</script>

3 변경된 적이 있다면 경고[ | ]

<textarea id='textarea1'>
안녕하세요.
</textarea>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
window.changed1 = false;
$('#textarea1').change(function() {
	window.changed1 = true;
});
window.addEventListener("beforeunload", function(e) {
	if( !window.changed1 ) return undefined;
	var confirmationMessage = "Are you sure?";
	e.returnValue = confirmationMessage;
	return confirmationMessage;
});
</script>

4 같이 보기[ | ]

5 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}