간만에 간단한 것 하나 올려본다. 입력 화면에서 input 태그나 readonly인 태그를 제외한 타겟에서 백스페이스 키가 눌려서 이전 페이지로 이동하는 것을 막는 코드다. $(function() { $(document).keydown(function(e) { if(e.target.nodeName != "INPUT"){ if(e.keyCode == 8){ return false; } } if(e.target.readOnly){ // readonly일 경우 true if(e.keyCode == 8){ return false; } } }); });
팝업창에서 그냥 submit을 할 경우, 팝업창 자체에서 target self로 submit 되어버린다. 만약 부모창으로 submit을 하고 싶다면, target만 부모창으로 잘 지정해주면 된다. - javascript function goSubmit() { window.opener.name = "parentPage"; // 부모창의 이름 설정 document.myForm.target = "parentPage"; // 타켓을 부모창으로 설정 document.myForm.action = "/what/goWhat.do"; document.myForm.submit(); self.close(); } - HTML
[jQuery/javascript] 입력과 동시에 값 유효성 검증
input 태그에 값을 입력하고 전송 버튼을 눌렀을 때 체크하는 것이 아니라, 입력하는 중에 실시간으로 사용자가 값을 맞게 입력했는지 표시해주기 위한 소스다. 원래는 몇 개만 적용하려고 각각에 맞는 스크립트를 코딩했으나, 이걸 프로젝트 전체 인풋값에 적용하는 것으로 지시가 떨어져서..ㄷㄷ;;; 공통 함수가 필요하게 됐다. 그래서 짠 로직이 아래 소스... HTML CSS .redText{display: block;color: red;margin-left:10px;} .greenText{display: block;color: green;margin-left:10px;} Javascript는 파일로 첨부한다. 여기에 올리려고 하니, 반복문에서 깨져서 소스가 어그러진다. >코딩 후기 : 자바스크립트 함수명이 ..
보통 로그인을 할 때 보면 아이디를 입력하는 칸 오른쪽에 id저장하기 체크박스가 있는 것을 볼 수 있다. 체크를 하면 다음에 그 페이지를 열었을 때, 다시 입력하지 않아도 저장된 아이디가 입력되어있다. 아래 소스는 그것을 구현한 것인데.. 세션이 아닌 쿠키를 사용한 이유는 브라우저를 닫고 다시 열었을 때에도 ID가 남아있게 하기 위해서였다. 자바단에서 처리해야 할지 화면단에서 처리해야 할지 고민이 조금 있었지만, 가벼운 소스를 굳이 자바단에 태울 필요가 있을까 싶기도 하고, 어떤 것은 자바단에 어떤 것은 화면단에 넣는 것도 유지보수할 때 번거로울 것 같아서.. 그냥 자바스크립트로 다 화면단에서 해주기로 했다. id를 입력받는 input text 태그와 그 옆에 id 저장하기 input checkbox를 ..