개발자의 끄적끄적

[javascript/jquery] 자바스크립트 숫자와 하이픈만 허용하는 정규식 javascript 에서 정규식을 사용하다보면 전화번호와 같은 입력란에 숫자와 하이픈만 허용해야하는 경우가 있습니다. 그럴때는 아래 정규식을 이용하시면 됩니다! /[^0123456789-]/g 예를들어 val 라는 값을 전달받아서 해당 값에 숫자와 하이픈을 제외한 다른 문자가 들어있는지 확인하고 싶으면 아래와 같이 정규식을 사용하시면 됩니다! if(/[^0123456789-]/g.test(val)){ // 숫자와 하이픈이 아닌 기타 문자가 들어있는 경우 } 참고들 하세요!

[javascript/jquery] jquery 요소에 설정된 이벤트 확인하는 방법 jquery 에서 특정 요소에 이벤트가 설정되어 있는지 확인을 해야 하는 경우가 있습니다. 그럴때는 아래와 같이 확인이 가능합니다. var event = $._data(element, 'events'); 예를들어 아래와 같이 id_btn 이라는 아이디를 가지는 버튼이 있다고 가정하고, 테스트 버튼입니다. 위 버튼에 설정되어 있는 이벤트를 확인하고 싶으면 아래와 같이 jquery 를 사용하시면 됩니다! var event = $._data($("#id_btn")[0], 'events'); 참고들 하세요!

[javascript/jquery] javascript includes not working in explorer / 자바스크립트 문자열 포함여부 확인 방법 javascript 에서 특정 문자열에 찾는 문자가 들어있는지 확인해야 하는 경우가 있습니다. 그럴때는 includes 를 많이 사용합니다. 예를들어 아래와 같이 test123 이라는 문자열이 들어있는 변수 str 이 있다고 가정하고, var str = "test123"; 위 문자열에 123이라는 문자열이 포함되는지 확인하고 싶으면 아래와 같이 includes 를 사용합니다. if( str.includes('123') ) { console.log("exist"); } 하지만, includes 함수는 internet explorer 에서 오류가 나는 ..

[javascript/jquery] javascript br to new line example / 자바스크립트 br 을 개행문자로 변경하는 방법 javascript 에서 html 문자열을 다루다 보면 br 태그를 개행문자로 변경해야 하는 경우가 종종 있습니다. 그럴때는 아래 함수를 사용하시면 됩니다. function brToNl(str) { return str.replace(//mg, "\n"); } 위 내용 보시면 아시겠지만, 문자열을 파라미터로 전달하면 br태그가 개행문자로 변경된 문자열을 반환받게 됩니다! 참고들 하세요!

[javascript/jquery] jquery toggleClass example / jquery 클래스 추가 제거 방법 jquery 에서 특정 요소에 class 를 동적으로 추가하거나 삭제해야 하는 경우가 있습니다. 그럴때는 대부분 addClass / removeClass 를 사용하는데요 아래 나온 내용과 같이 toggleClass 를 사용해도 변경이 가능합니다. $("#test").toggleClass("active"); 위 내용 보시면 아시겠지만, test 라는 아이디를 가지는 요소에 active 라는 클래스가 없으면 추가하고, active 라는 클래스가 있으면 제거합니다. 참고들 하세요!

[javascript/jquery] jquery filter example / jquery 필터 사용법 및 예제 jquery 에서 특정 요소들을 찾을때 find 와 filter 를 사용합니다. 이번에는 filter 사용법을 공유해보려고 합니다. .filter() 예를들어 test 라는 아이디를 가지는 div 를 모두 조회하려고 하는 경우에는 아래와 같이 filter 를 사용하시면 됩니다! $('div').filter('#test'); find 와 찾는 대상이 약간 다르니 꼭 참고하세요!

[javascript/jquery] 자바스크립트 TypeError: Cannot read property 'length' of undefined 에러 해결방법 javascript 에서 특정 변수의 값의 길이를 재기 위해서 length 라는 함수를 사용합니다. 하지만, 위 함수를 사용하다보면 아래와 같은 오류가 나타나는 경우가 있습니다! TypeError: Cannot read property 'length' of undefined 만약 위와 같은 오류가 나타난다면, 길이를 재고자 하는 변수의 값이 없거나 잘못된 것입니다. 길이를 재기전에 변수의 값이 있는지 없는지 먼저 확인하시면 해결되실 겁니다! 참고들 하세요!

[javascript/jquery] jquery textarea 글자수 제한 예제 jquery 로 textarea 에 입력받는 글자수를 제한해야 하는 경우가 있습니다. 그럴때는 아래 함수를 이용하시면 됩니다. function length_check() { var desc = $("#id_data_desc").val(); if( desc.length > 400 ) { alert("입력 메세지는 400자를 초과할 수 없습니다."); $("#id_data_desc").val(desc.substring(0, 400)); } } 위 내용 보시면 아시겠지만, id_data_desc 라는 아이디를 가지는 textarea 에서 입력을 받는 값을 onkeyup 이벤트로 위 함수를 호출하여 400자 글자수로 제한하는 내용..