반응형 개발/javascript16 javascript 패스워드 영문,숫자,특수문자 1개씩을 포함한 8자 이상 정규식으로 체크하기 패스워드 정규식 막상 할때는 생각안나는게 정규식이라 오랜만에 작업하면서 기록으로 남겨봅니다 html 은 간략하게 입력란과 체크 버튼 하나 체크 정규식을 이용한 영문,숫자,특수문자 1개씩을 포함한 패스워드 체크 비밀번호 자릿수는 별도로 체크하는데 정규식으로도 가능하지만 별도의 구분 메시지를 알려주기 위해 따로 구분 했습니다 let pw_check = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,16}$/; // 패스워드 정규식 체크 let clickCheck = document.querySelector("#clickCheck"); clickCheck.addEventListener('click',function(){ let enterPW =.. 2022. 2. 15. javascript, css 코드 압축해서 용량 줄이기 (refresh-sf) 사이트 규모가 커지거나 코딩량이 늘어나면 처음엔 여유있게 작성하던 페이지가 사이즈가 커지게 되고 이럴때 코드를 압축해서 용량을 줄여 로딩시간을 줄이기 위해 노력합니다 이게 별거 아닌거 같으면서도 또 은근 로딩시간에 개입하는 부분이 커서 자주 쓸일은 없지만 화면 뜨는 속도가 점점 느려지는 느낌이 든다면 이 부분좀 신경써서 봐야할때가 있습니다 저는 보통 Refresh-SF 라는 사이트를 이용합니다 javascript, css, html 사용 가능합니다 https://refresh-sf.com/ Refresh-SF - Online JavaScript and CSS Compressor A minifier removes the comments and unnecessary whitespace from a progr.. 2022. 2. 15. select박스에 검색기능 추가하기 처음엔 단순히 html5 에 있는 datalist 태그를 이용하면 된다고 생각했지만 datalist태그는 문제가 있다 검색자체는 가능한데 value 값을 별도로 설정할수가 없다 화면에 표시되는 텍스트가 그대로 value 값이 된다 datalist 를 이용한 예제 https://jsfiddle.net/g3otvqyd/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net 원하는 결과는 사과를 선택했을때 value 값을 1이 넘어가는걸 원하므로 이걸로 사용할 순 없고 이럴땐 Chosen 이라는 jquery 라이브러리를 사용하면 된다 별도의 CSS 가 있는 라이브러리기 때문에 주변과 조화가 조금 안된다는;; 점만 감안하면 이만한것도 없는것 같다 Chosen 사용 예제.. 2022. 1. 27. 새창으로 form submit 하기 보통은 새창에 form 내용을 가져가는 경우는 별로 없지만 check박스에 선택된 내용만을 새창에 배열로 가져가야 되는 경우가 생겨 사용해봄 반드시 아래 방법만 있는것은 아니며 구현 방식은 여러가지임 var w = window.open('','newPopup','scrollbars=yes, width=740, height=800'); var testForm = document.getElementById('formID'); testForm.target = 'newPopup'; testForm.submit(); 2022. 1. 5. 이전 1 2 3 4 다음 728x90
