자동 리디렉션으로 사용자 지정 감사 페이지 만들기

이 가이드는 양식을 다른 웹사이트로 리디렉션하거나 카운트다운 타이머를 사용하여 제출한 후 양식으로 돌아가도록 하려는 경우 사용할 수 있는 샘플 코드를 보여줍니다.

설정 방법은 다음과 같습니다:

1. 텍스트 편집기에 다음 코드를 붙여넣습니다.

<div style="text-align:center;">
<h1>Thank you!</h1>
<p>Your submission has been received.</p>
<p>This page will redirect in <span id="timer"></span>s.</p>
</div>
<script type="text/javascript">
var count = 7; // The delay in seconds before redirecting.
var redirect = "https://www.jform.co.kr"; // The redirection's landing page.
function countDown() {
if(count >= 0){
document.getElementById("timer").innerHTML = count--;
setTimeout("countDown()", 1000);
}else{
window.location.href = redirect;
}
}
countDown();
</script>

2. 빨간색으로 표시된 값을 용도에 맞게 변경합니다.
3. HTML 파일(예: thankyou.html)로 저장하고 서버에 업로드합니다.
4. HTML 파일에 대한 링크를 가져와 양식의 감사 페이지로 설정합니다.

자세한 내용은 사용자를 다른 페이지로 리디렉션을 참조하십시오. 다음은 테스트해 볼 수 있는 위의 설정이 적용된 데모 양식입니다.