반응형
반응형
인터넷을 사용하다 보면 버튼을 누르면
"제출하시겠습니까?" 문구가 띄워지는 창을 한 번쯤을 보신 적이 있으실 텐데요.
이 기능은 Javasciprt의 Confirm 기능을 활용한 기능입니다.
비교적 간단한 방법으로 구성이 가능한 기능으로
예제를 통해 한번 구현해 보겠습니다.
확인창 기능 구현
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>테스트 페이지 입니다.</title>
<script type="text/javascript">
function call_confirm(){
if(confirm("제출하시겠습니까?")){
alert("정상적으로 제출되었습니다.");
}else{
alert("제출실패");
}
}
</script>
</head>
<body>
<button onclick="call_confirm()" style="width: 300px; height: 200px;">자료제출</button>
</body>
</html>
기본적인 구성은 Confirm(문구)이며 이는 확인창을 누르게 되면 true,
취소를 누르게 되면 false를 리턴하게 됩니다.
이를 바탕으로 if문을 구성하여 로직을 만들면 되겠습니다.
반응형
'Dev > JavaScript' 카테고리의 다른 글
| [Javascript] 특정 문자 단어 바꾸기 replace, replaceAll, 정규식 (0) | 2022.12.02 |
|---|---|
| [Javascript] 파일 업로드 용량 체크하기 로직 (0) | 2022.12.01 |
| [Javascript] 문자열, 숫자 길이 구하는 함수 (0) | 2020.02.05 |
| [Javascript] 마우스 오버, 아웃 기능 구현 (0) | 2020.01.28 |
| [Javascript] div 숨기기 보이기 (show, hide) (0) | 2019.12.26 |