본문 바로가기

Frontend/jQuery & JSTL

[JSTL] 알림창, 경고창, 확인창

반응형

어떤 데이터를 선택하고 삭제할 때 확인창의 띄워서 다시 한번 사용자가 확인을 하게끔 구현하려고 함

 

알림창 구분

// alert : 단순 확인 창
alert("alert");

// cofirm : 선택 확인창(확인 : true, 취소 : false)
confirm("confirm");

// prompt : 메시지 입력창(param1 : 고정 출력 메시지 / param2 : 입력칸의 default 메시지)
prompt("prompt","default message");

 

 

페이지 이동시 확인 창

function fn_fn(flag){
	if(flag == "N"){
		const moving = confirm("저장하지 않은 데이터는 지워질 수 있습니다.\n계속 하시겠습니까?");
		if(moving){
		}else{
	    	// 페이지 이동 방지
			flag.preventDefault();
		}
	}
}

 

 

 

반응형

'Frontend > jQuery & JSTL' 카테고리의 다른 글

[jQuery] 문자 변환  (0) 2024.03.18
[JSTL] include된 jsp컨트롤  (0) 2024.03.18
[JSTL] Gradle에서 JSTL 설정하기  (0) 2024.03.13
[FrontEnd] 디렉토리들의 경로와 정의, 역할  (0) 2024.03.08
[JSTL] 조건문, 반복문  (0) 2024.02.28