confirm Method


Home > Document > JavaScript > Object > Window > confirm Method

confirm Method

confirm Method 는 가(Yes), 부(No) 결정이 필요한 중요한 사항이 있을 때 다시 한 번 확인할 수 있는 기회를 주는 기능을 하는 Method 입니다. 예를 들어 회원 정보를 수정하려고 자기 정보 페이지를 열고 자기 정보 수정을 하다가 실수로 탈퇴 버튼을 눌렀는데 기냥 탈퇴가 되더라... 이렇게 되면 얼마나 김이 세겠습니까. 그러므로 이럴 경우 "정말로 탈퇴 하시겠습니까?" 라고 한 번 더 물어 보아서 확실한 의사를 결정할 수 있게 해 주는 역할이 필요하겠져. 이럴 때 사용하는 Method가 confirm 입니다. 다음은 confirm Method 의 사용법입니다.

사용법
window.confirm( [문자열 메세지])


사용예
window.confirm("정말로 반항 하시렵니까?")

아래의 예제는 가입 탈퇴 단추를 눌었을 때 정말로 탈퇴할 것인지 confirm Method 를 사용하여 묻고 확인 단추를 누르면 탈퇴 처리가 되었다는 alert box 를 띄우는 예제인데 실행 후 '확인'과 '취소' 단추를 한 번씩 눌러서 비교해 보시져.

confirm Method 예제 1
<html>
<head>
    <title>confirm Method</title>
    <script type="text/javascript">
    <!--
    function withDraw(){
    var bAnswer = confirm("정말 탈퇴 하시렵니까?            ")
    if (bAnswer == true) 
    alert("탈퇴 처리되었습니다.          ")
    }
    // -->
    </script>
</head>
<body><br /><br /><br />
   <p align="center"> <button onclick="withDraw()">탈퇴</button></p>
</body>
</html>
코드 실행 하기

확인의 경우 "탈퇴 처리되었습니다. " 라는 alert box가 뜨고 취소의 경우 그냥 아무 변동이 없습니다. 그런데 대부분의 사이트는 확인 단추를 눌렀을 경우 위의 예제와 같이 회원 자신이 정말 탈퇴가 되었는지 뭔가 찝찝하고 밋밋하게 처리하지 않고 탈퇴되었다는 사실을 보다 실감나고 현장감 넘치게 확인 시켜주기 위해서 다른 페이지로 Redirect 시켜서 "탈퇴 후에도 정보가 일정 기간 남아있고 재가입을 원하면 메일을 ...." 라는 식으로 탈퇴하는 사람을 안심시키주는게 일반적입니다. 그런데 여기서는 딱히 Redirect 시킬 페이지가 없으므로 '야후'가 그런 페이지라고 치고 '야후'로 Redirect 시키는 걸로 하겠습니다. 아래의 예제 역시 '확인'과 '취소' 단추를 모두 눌러 보시져.

confirm Method 예제 2
<html>
<head>
    <title>confirm Method</title>
    <script type="text/javascript">
    <!--
    function withDraw(){
    var bAnswer = confirm("정말 탈퇴 하시렵니까?            ")
    if (bAnswer == true) 
    alert("탈퇴 처리되었습니다.          ")
    location.href = "http://kr.yahoo.com/"
    }
    // -->
    </script>
</head>
<body><br /><br /><br />
   <p align="center"> <button onclick="withDraw()">탈퇴</button></p>
</body>
</html>
코드 실행 하기

어떻습니까. 확인의 경우 alert box 가 뜨고 야후로 Redirect되고, 취소의 경우 막바로 야후로 Redirect됩니다. 그게 야후가 아니고 위에서 말한 "재가입..." 머 이런 내용이라면 얼마나 황당하겠습니까. 한 번만 실수하면 보내 버리는 사이트라고 원망하게 될 것이고, 그 악명은 급속도로 번져 나가겠져. 그래서 아래의 예제와 같이 if 문이 아닌 if...else 문을 사용하여 return false로 처리하므로서 '취소' 단추를 눌렀을 경우 다음 단계로 가지않게 해 줍니다. return false에 대해서는 여기를 참조하세요.

confirm Method 예제 3
<html>
<head>
    <title>confirm Method</title>
    <script type="text/javascript">
    <!--
    function withDraw(){
    var bAnswer = confirm("정말 탈퇴 하시렵니까?            ")
    if (bAnswer == true) 
    alert("탈퇴 처리되었습니다.          ")
    else
    return false
    location.href = "http://kr.yahoo.com/"
    }
    // -->
    </script>
</head>
<body><br /><br /><br />
   <p align="center"> <button onclick="withDraw()">탈퇴</button></p>
</body>
</html>
코드 실행 하기





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색