티스토리

다른생각 - 개발 로그

검색하기

블로그 홈

다른생각 - 개발 로그

frontend.diffthink.kr/m

공부만이 살길이다

구독자: 0

방명록 방문하기

주요 글 목록

event.keyCode를 이용해서 숫자값일 경우를 체크 키보드 입력 시의 `keycode` 를 활용해서 숫자값일 경우만 체크 ```javascript function onlyNumberKey(keyCode) { return /[0-9]|\./.test(String.fromCharCode(keyCode)) } document.getElementById(selector).addEventListener('keydown', function(e) { var isNumberKey = onlyNumberKey(e.keyCode); console.log(isNumberKey); }); ``` 공감수 1 댓글수 0 2022. 8. 24.
비밀번호 특수문자 숫자 영문 조합 체크 비밀번호 최소 하나의 문자 + 하나의 숫자 + 하나의 특수 문자 포함, 최소 6자리 function validatePassword(character) { return /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{6,}$/.test(character) } if(validatePassword('ra3a$9')) { console.log('success'); } else { console.log('fail'); } 공감수 0 댓글수 0 2022. 8. 24.
입력받은 문자열에서 특수문자, 알파벳, 한글 제외하고, 숫자만 추출하여 return 특수문자, 한글, 영문 검사 패턴 function onlyNumber(str) { var pattern_special = /[~!@\#$%^&*\()\-=+_\’]/gi, pattern_kor = /[ㄱ-ㅎ가-힣]/g, pattern_eng = /[A-za-z]/g; if (pattern_special.test(str) || pattern_kor.test(str) || pattern_eng.test(str)) { return str.replace(/[^0-9]/g, ""); } else { return false; } }``` 공감수 0 댓글수 0 2022. 8. 24.
hash를 이용한 URL 페이지 제어 hashchange 이벤트를 이용해서, hash url 을 관리함. 용도 팝업 이라던지, 사이드메뉴 등의 현재 페이지에서 유일한 URL을 구현할 수 있는 방법중에 하나로 사용 url hash를 이용하면 레이어가 동작한 후에 back 키를 눌렀을 경우, 페이지 리로딩을 하지 않기 때문에, 페이지의 URL을 고유하게 유지할 수 있다. 사용법 const sideNavHandler = { open() { console.log('open'); }, close() { console.log('close'); } } // Action : 해당 URL 진입시 동작 // Leave : 해당 URL 이탈시 동작 window['observeHash'].register({string: hashURL},{function: Act.. 공감수 1 댓글수 1 2022. 8. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.