인터넷 브라우저 사용시에 버튼을 통한 어떠한 명령을 내릴 때 사용자의 확인을 받는 창이 뜨게 해야 하는 경우가 있는데요. 이럴 때에는 Javascript confirm 기능의 확인창 명령어를 사용하여 해당 기능을 구현해야 하는데요.
일반적으로 confirm 은 javasciprt에서 제공하는 메세지박스 함수로 확인, 취소등의 사용자의 확인을 받을 때 사용됩니다. 오늘은 이 confirm 의 사용방법에 대해서 알아보도록 하겠습니다.
위의 그림은 w3school에서 제공하는 confirm 예제인데요.
이를 활용해서 한번 예제소스를 만들어 보겠습니다.
예제 소스
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function message(){ var message = "당신은 남자입니까?"; var result = confirm(message); if(result==true){ alert("키큼?"); }else{ alert("예쁨?"); } } </script> </head> <body> <input type="button" value="confirm" onclick="message()"> </body> </html>
결과

위의 소스를 실행시키고 confirm 버튼을 누르게 되면 위와 같은 확인창이 뜨게 됩니다.
확인을 누르게 되면 result가 true로 반환되어 키큼의 메시지가 떨어진 모습입니다.
취소를 누르게 되면 result가 true가 아니기 때문에 예쁨의 메시지가 떨어집니다.
위의 예제의 모습대로 confirm 명령어는 질의응답이 필요할 경우에 사용되는데요.
웹개발시에는 설문조사나 회원가입 할때에 많이 사용되고 있습니다.
답글 남기기