• Q&A
  • 회원가입
  • 로그인

[Window] JS - confirm() 메서드 ★ - 확인창 (= confirm메서드 = 컨펌메서드 = confirm함수 = 컨펌함수)

1,719  
목차
  1. confirm() 예제 - 확인창
  2. confirm() 정의
  3. confirm() 구문
  4. confirm() 예제 - 확인창 띄운 후, 폼 넘기기
  5. 버튼 옆에 확인 메세지 띄우기

 

confirm() 예제 - 확인창

 

<button onclick="homzzang()">클릭</button>


<script>

function homzzang() {

  confirm("버튼 클릭 완료");

}

</script>

 

결과보기

 

confirm() 정의

 

확인 취소 버튼 달린 확인메세지창 띄우기

 


 

1.

과도하게 사용 시 사용자에게 불편 초래하니 주의 ! 

 

2.

(확인・취소) 버튼만 가능.

(예・아니오) 버튼으로 커스텀 불가.

대신, 모달 또는 팝업 플러그인 이용. 

 

3.

주요 브라우저가 모두 지원.

 

 

confirm() 구문

 

confirm(message)

 


[매개변수]

 

message

필수. 메세지 내용

 


[반환값]

 

확인 (OK) 클릭 시, TRUE 반환.

취소 (Cancel) 클릭 시, FALSE 반환.

 

 

confirm() 예제 - 확인창 띄운 후, 폼 넘기기

 

function homzzang() {

    if (confirm("다음으로 넘기겠습니까?") == true) {

        var fm = document.forderlist;

        fm.target = "hiddenframe";

        fm.action = "orderlist_complete.php";

        fm.method = "post";

        fm.submit();

    } 

}

 

럭키진영 님 (201215) https://sir.kr/qa/389820

PS. 현재창에서 넘기려면, 빨간색 코드 삭제.

 

버튼 옆에 확인 메세지 띄우기

[방법1] - css() 메서드 이용

 

<script src="http://code.jquery.com/jquery-latest.js"></script>


<button id="submit">버튼</button>

<span id="ok" style="display: none;">작성완료</span>


<script>

$(document).ready(function() {

    $('#submit').click(function(){

        $('#ok').css('display','');

    });

});

</script>

 

결과보기


[방법2] - after() 메서드 이용

 

<style>

span {margin-left:15px;}

</style>


<script src="http://code.jquery.com/jquery-latest.js"></script>


<button id="submit">버튼</button>


<script>

$(document).ready(function() {

    $('#submit').click(function(){

        $(this).after("<span>작성완료</span>");

    });

});

</script>

 

결과보기

 

PS. 관련 예제 

추천/비추천 전 확인. (201003) https://sir.kr/qa/379385


 


찾아주셔서 감사합니다. Since 2012