728x90 반응형 Alert3 [javascript] "변경사항이 저장되지 않을 수 있습니다" 경고창 안나오게 하기 (onbeforeunload) 사이트에서 무언가 작업을 하거나, 작성을 하다가 페이지를 벗어나려 할 때,"페이지를 벗어나시겠습니까? 변경사항이 저장되지 않을 수 있습니다"라는 경고창을 보신 분들 꽤 많을 것입니다. 이 경고창이 필요할 때 제때 잘 나와주면 실수로 페이지 벗어나는 것도 방지되고 좋지만,메인페이지나, 정보를 수정하고 저장버튼을 눌렀을 때 저런 메시지가 나온다면 헷갈릴 수 있겠죠.내가 수정한 정보들이 저장되지 않는다는 뜻처럼 보이니까요. 이럴 때 onbeforeunload 이벤트를 사용하여 메시지를 나오지 않게 처리한다거나,혹은 해당 메시지를 출력하게 설정할 수 있습니다. onbeforeunload 이벤트? onbeforeunload 이벤트는 보통 페이지를 벗어날 때 발생하는 이벤트입니다.예를 들어 새로고침.. 2023. 4. 21. [jQuery] confirm 확인과 취소, div 값 변경 자바스크립트에서 alert를 사용하여 경고창을 띄울 수 있습니다.하지만 alert는 사용자에게 메시지를 전달하는 기능일 뿐 사용자가 true와 false를 선택할 수 없습니다.이 글에서는 true와 false를 선택할 수 있는 confirm 함수에 대해서 살펴보도록 하겠습니다. confirm 이란? confirm 함수는 alert 함수와 비슷하게 경고창을 띄워주는 함수입니다. 예를 들어,로그인할 때 "비밀번호가 틀렸습니다!" 같은 메시지는 alert로 보내주면 됩니다. 하지만 글을 작성할 때 "저장하시겠습니까?" 같은 메시지는 alert로 보내줄 경우,예, 아니요를 선택 할 수 없기 때문에 alert로 메시지를 보내주면 안 되고 confirm을 통해 true와 false를 판별해 주어야 합니다. .. 2023. 2. 13. [jQuery] 값을 입력하지 않았을 때 경고창 띄우기 (alert) 값을 넘길 때 입력된 것이 아무것도 없는데 페이지만 이동된다면, 난처한 상황이 많이 발생합니다.예를 들어 회원가입 할때, 아이디와 비밀번호를 입력하지 않았는데도 회원가입이 완료된다면 안되겠죠?이때 jQuery를 활용하여 입력된 값이 없을 때는 페이지 이동이 되지 않도록 경고창을 띄워 줄 수 있습니다. html 코드 예제는 햄버거 세트메뉴 만들기라는 주제로 작성해 보았습니다.세트 이름과 세트 메뉴의 소개는 input 텍스트 박스와 textarea 박스로 입력받도록 했고,세트 구성 메뉴는 다중 선택이 가능한 checkbox를 활용해 보았습니다. test_page.php 세트이름 세트 메뉴소개 .. 2022. 12. 20. 이전 1 다음 728x90 반응형
