웹 개발 이야기/js, jquery21 [JS/JQUERY] input text 숫자만 입력 (정규식) function telinput(mt_tel){ const regex = /^\d+$/; if (!regex.test(mt_tel)) { mt_tel = mt_tel.replace(/\D/g, ''); } $("#mt_tel").val(mt_tel); } 2023. 6. 30. [JS] bxslider_ cannot read property 'indexof' of undefined 그누보드를 이용하여 개발을 진행하다보면 부트스트랩을 외부에서 다운로드 받은 후 작업을 할 때가 종종 있다. 그누보드에는 일반적으로 낮은 버전의 jquery를 사용하도록 되어있다. 부트스트랩을 이용하려면 jquery 버전을 높여야해서 나는 cdn 방식으로 링크 주소를 가져와서 사용한다. 그럴 경우 멀쩡히 돌아가던 bxslider가 오류를 토해내면서 일을 하지 않는다. uncaught typeerror cannot read property 'indexof' of undefined 위 오류를 해결하기위해서는 bxslider.js 파일의 소스를 조금 수정하면 해결 가능하다. 나의 경우 js 폴더에 있는 jquery.bxslider.js 파일을 수정했다. (그누보드) var count = 0; selector.. 2023. 6. 15. [JS] Slick Slider - 'add' of null 오류 해결 방법 Slick slider를 처음 사용해보았다. 슬라이더를 여러개 이용해야 해서 반복문을 이용했는데 에러 발생! Uncaught TypeError: Cannot read property 'add' of null 알고보니 slick을 여러번 불러와서 발생한 문제였다. 기억하자. slick 정의는 한번만! 아래는 검색하다가 발견한 동일한 오류에 대한 반응형 자료이다. 다음에 같은 에러 발생 시, 검색하다가 시간 날리지 말자! 예외) 반응형 작업 시, PC에서는 slick 이 반응하고 모바일에서는 제거하는 방법 - slick 옵션을 변수에 담고 resize 할때마다 옵션을 불러온다. var slider = $('.slider'); var slickOptions = { infinite: true, slidesT.. 2023. 6. 15. [JS] Firebase Web Push if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/firebase-messaging-sw.js'); }); } var firebaseConfig = { apiKey: "firebase apiKey", authDomain: "firebase Domain", databaseURL: "firebase url", projectId: "dmonster-mine", storageBucket: "dmonster-mine.appspot.com", messagingSenderId: "273700180185", appId: "1:273700180185:web:fc3f9ca58.. 2023. 6. 14. [JS] Excel 데이터 가져오기 // 아래의 코드는 내가 제작했던 프로젝트의 코드의 일부분이므로 사용 시, 상황에 맞게 조금 수정해서 사용하는 것을 추천한다.(어려운 코드는 없으니 충분히 이해 가능) // Excel Upload 버튼을 클릭하여 엑셀 파일을 첨부하고, 첨부하는 즉시 데이터를 json으로 추출한다. // 추출한 json data를 이용하여 양식을 특정 위치에 추가한다. 2023. 6. 8. [JS] email 정규식 // HTML // javascript function validEmail(obj){ if(validEmailCheck(obj)==false){ $("#mt_id_help").html('* 이메일 형식으로 입력해주세요. ex) xxx@000.000'); $("#mt_id_help").show(); }else{ $("#mt_id_help").hide(); } if(!obj){ $("#mt_id_help").hide(); } } function validEmailCheck(obj) { const pattern = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; return (obj.match(pattern).. 2023. 5. 31. 이전 1 2 3 4 다음