드럼치는 프로그래머

현재 페이지 refresh 하는 3가지 방법~ location.reload(true); location.href = location.href; history.go(-1); [출처] http://neucareer.tistory.com/89

휴.. 뭐 하나 할 때마다 이렇게 시간이 걸리누 ㅠㅜ 역시 기초가 중요하다.. 뭐 여기도 바로 사용할 수 있는 코드만 올리겠다. function setValues(){ var sh = document.getElementById("selectHours"); var tt = document.getElementById("textTime"); tt.value = sh.options[sh.selectedIndex].text; } test_1 test_2 뭐 길게 설명할 것도 없을 것 같다. 이해 하기 쉽게 색깔로 분류를 해두었다. [출처] http://imhotk.tistory.com/524

input 필드에 오직 숫자만 입력 받기input 필드에 오직 숫자만 입력 받기 [출처] http://webskills.kr/archives/310

입력박스에서 소문자 입력시 대문자로 변경하게 하기위한 방법으로 1. onKeyUp="field.value.toUpperCase()" 로 자바스크립트 처리 2. style="text-transform: uppercase" 로 스타일시트 처리 뭐..대충 두가지 외에 다른 수로 가지고 있는 방법이 있겠지만.. 위 두가지 방법에는 한계가 있는데... 첫번째 방법은... 영문은 이상없이 잘 변경되나... 한글과 영문이 섞여있는 경우.. 한글을 입력하면 입력항목이 기존 입력내용이 지워져버리고 한글이 달랑 1자밖에 들어가지 않는 문제가 있다. 두번째 방법은.. 보기에는 대문자로 잘~ 나타나지만... Submit한경우.. 값을 받아보면 소문자이다. 위 두가지 방법외에 한가지를 더 소개하기전에 이벤트부터 설명하자면.....

조건 1. Textbox에 숫자만 입력 받는다. 2. 입력받은 숫자는 1000 이하의 숫자만 받는다. 3. 소수점은 둘째자리까지만 받는다. function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode; if (charCode != 46 && charCode > 31 && (charCode 57)) return false; // Textbox value var _value = event.srcElement.value; // 소수점(.)이 두번 이상 나오지 못하게 var _pattern0 = /^\d*[.]\d*$/; // 현재 value값에 소수점(.) 이 있으면 . 입력불가 if (_..

정규표현식은 복잡한 조건 비교문 없이 패턴 단위로 문자열을 검증할 수 있어서 무척 유용하...지만...-_-;; 자주 사용하지 않으면 할 때마다 헷갈린다는 단점이 있다. 자바스크립트만 이용해서 사용자 입력값을 검증하는 것은 무조건 문제가 생길 수 있기 때문에 서버측 검증을 꼭 해야만 한다. 물론 서버측에서는 여러가지 다른 수단 (가령, 스토어드 프로시저 파라메터의 데이터 타입) 이 있기 때문에 자바스크립트에서 정규표현식 검증을 하고 서버단에서는 별도 Validation 을 하는 것도 좋은 방법이다 각설하고, 사용자 계정 생성시 자주 사용하게 되는 룰이 영문, 숫자만 허용하는 것인데 이를 자바스크립트 정규표현식을 사용하면 무척 간단하게 표현이 가능하다 var regType1 = /^[A-Za-z0-9+]*..

이 포스팅은 자바스크립트 정규식(정규표현식)에 대해서 상세히 알려드릴려는게 아니라.. 웹페이지 작성시 매번 찾게되는 아이디 체크 와 같은 스크립트를 포스팅 해봅니다. 기본적으로 자바스크립트에서 정규표현식은 / (슬래쉬)로 감싼다 "(큰따옴표) 또는 '(작은따옴표)로 감싸지 않는다. 그리고 마지막에 /g 또는 /i 또는 /gi 로 끝난다 왜 그런지 궁금하면 각자 찾아보는 걸로 한다~ 아래에서 뜻하는 정규 표현식은 영문 a-z 로 시작하고 이후에 a-z0-9 사이 문자열이 오면 된다는 것이다. 대괄호 앞에 ^가 붙으면 시작을 뜻하고 대괄호 안에 ^가 붙으면 제외를 뜻한다. ^[a-z]로 되어 있으니 시작을 영문 a-z로 하는 것을 뜻한다 + 연산자로 연결을 한다. {5,19}는 5~19자리를 뜻한다. 앞에서..

자바스크립트로 아이디 체크 로직을 개발 할 일이 있어 개발 후 남겨봅니다. 공감 버튼 클릭해주세요!! 중복확인 영문, 숫자 조합 8자~10자리 function checkIdCombinationEngAndNum(ipbID, ipbIDText) { var retVal = false; var vId = ipbID.val(); if (vId.length 10) { ipbIDText.css("color", "red"); ipbIDText.text("아이디는 8자 이상, 10자 이하여야합니다."); } else if (/[^a-z0-9]+|^([a-z]+|[0-9]+)$/i.test(vId)) { ipbIDText.css("color", "red"); ipbIDText.text(..

jQuery는 수많은 자바스크립트 라이브러리중에 현재 가장 많이 사용하는 프레임웍이다. jQuery홈페이지에서 말하고 있듯이 빠르고 간결하며 기존 자바스크립트와는 달리 작성하는 방식을 달리 할수 있도록 설계되었다(메소드체이닝). 당연히 프론트엔드개발을 하고있는 개발자들은 반드시 이해를 하고 있어야 하는 라이브러리이다. jQuery 삽입 자바스크립트 라이브러리들의 사용방법은 간단하다. 문서에 스크립트를 삽입해주면 되는데 jQuery도 동일하다. 다운로드 페이지에서 원하는 버전을 내려받아서 사용하던가 CDN이 적용된 주소를 그대로 사용해도 무방하다 jQuery 사용 jQuery를 삽입하면 jQuery() 함수가 만들어 지는데 축약형태로 $ 로 사용이 가능하다. jQuery홈페이지에서 브라우저에서 콘솔을 열어..