개발자의 끄적끄적

[javascript/jquery] javascript phone number format function / 자바스크립트 휴대폰 번호 하이픈 함수 javascript 를 사용해서 휴대폰 번호와 같은 필드를 입력받다보면 번호 규칙에 맞게 하이픈을 넣고 싶을때가 있습니다. 그럴때는 아래 함수를 사용하시면 됩니다! function inputPhoneNumber(obj) { var number = obj.value.replace(/[^0-9]/g, ""); var phone = ""; if( number.length < 1 ) { phone= ""; }else if(number.length < 4) { return number; } else if(number.length < 7) { phone += numbe..

[javascript/jquery] javascript Unexpected token o in JSON at position 1 에러 해결방법 javascript 에서 json 데이터를 parse 를 이용해서 javascript 객체로 변환하려고 하다보면 아래와 같은 에러가 발생하는 경우가 있습니다. Unexpected token o in JSON at position 1 위와 같은 에러는 이미 javascript 객체인 데이터를 javascript 객체로 변환하려고 시도했을때 발생하는 에러입니다! 참고들 하세요!

[javascript/jquery] javascript phone number hyphen example / 자바스크립트 휴대폰번호 하이픈 함수 javascript 에서 휴대폰 번호를 입력받다 보면 숫자로만 입력받아서 형식에 맞게 변경해야 하는 경우가 있습니다. 그럴때는 아래 함수를 사용하시면 됩니다! function phone_number(val){ var phone = val.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3"); return phone; } 참고들 하세요!

[javascript/jquery] jquery autocomplete plugin / jquery 자동완성 플러그인 [링크] jquery 플러그인들 중에서 특정 input 에 입력받는 데이터를 자동완성으로 검색해서 보여주는 플러그인이 있어서 공유하려고 합니다. ajax 로 데이터를 불러와서 자동완성 배열에 담는것도 가능하니, 디비에 있는 내용검색을 활용하거나 할때 유용하게 쓰일수 있을듯 합니다! 아래 링크 달아놓을테니 들어가셔서 확인해보세요! jquery autocomplete plugin site : https://api.jqueryui.com/autocomplete/ Autocomplete Widget | jQuery UI API Documentation Description: Autocomplet..

[javascript/jquery] 자바스크립트 개행문자 CRLF 제거 정규식 javascript 에서 정규식을 다루다 보면 개행문자 즉, CRLF 를 제거 해야 하는 경우가 있습니다. 그럴때는 아래 정규식을 이용하시면 됩니다! $text = preg_replace('/\r\n|\r|\n/','',$text); 참고들 하세요!

[javascript/jquery] 자바스크립트 Cannot read properties of null (reading 'classList') 에러 해결방법 javascript 나 jquery 를 다루다 보면 아래와 같은 에러가 뜨는 경우가 종종 있습니다. Cannot read properties of null (reading 'classList') 위 에러의 원인은 스크립트 로드 우선순위가 잘못되었거나, 로드가 되지 않았거나, 스크립트가 로드될 당시 페이지에 아이디나 클래스에 해당하는 요소가 없거나 한 경우입니다. 우선 스크립트 로딩 순서를 확인해보시고 주석치면서 테스트 해보시면 금방 해결하실수 있을 겁니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 비밀번호 체크 정규식 javascript 에서 정규식을 많이 사용합니다. 그중에서 회원가입이 비밀번호를 받을때 체크하는 정규식을 공유하고자 합니다. 바로 소문자, 대문자, 숫자, 특수문자를 포함하는 8~15 자리의 비밀번호를 체크하는 정규식 입니다. var pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/; 참고들 하세요!

[javascript/jquery] javascript test() example / 자바스크립트 정규식 체크 메서드 test() 사용법 및 예제 javascript 에서 정규식을 사용하기 위해서 기본적으로 알아햐 하는 메서드가 있습니다. 바로 test() 라는 건데요. 이 test 메서드는 전달받은 문자열이 정규식을 만족하면 true 를 정규식을 만족하지 않으면 false 를 반환합니다. 예를들어서 아래와 같이 이메일 형식을 체크하는 정규식이 있다고 가정하고, var pattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 아래 나와있는 이메일을 위 정규식에 대입해서 체크해보고 싶으면, var str = "test@test.com"; 아래와 같이 patt..