jquery8 [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] 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. [PHP+JQUERY] 2단계 카테고리 메뉴 // 아래의 예제는 그누보드를 기반으로 하여 관심 제품 관리 컨셉으로 제작되었다. CSS // 그누보드의 기본 CSS에 포함된 스타일 구문은 작성하지 않았다. .bold { font-weight: bold; } .d-table { display: table; } .table-cell { display: table-cell; vertical-align: middle; } .d-flex {display: flex;} .wd-100 { width: 100%; } .wrap-interestprod-adm { width: 100%; } .wrap-interestprod-adm .div-head, .wrap-interestprod-adm .div-body { width: 100%; } .wrap-interestp.. 2023. 3. 16. [JQUERY] 위도 경도 function getloc() { navigator.geolocation.getCurrentPosition(updateLocation_m, handleLocationError_m); } function updateLocation_m(position) { str_lat = position.coords.latitude; str_lng = position.coords.longitude; $('#comp_list').append("3"); //get_aound_hospital(str_lat,str_lng); } function handleLocationError_m(error) { alert('위치서비스를 허용해 주세요.'); //get_aound_hospital(str_lat,str_lng); $('#sub.. 2023. 3. 8. [JQUERY] 라디오버튼_선택된것과 안된것들 css 지정 $(document).on("click",".radio_label1",function(){ var selected_label = $(this); // 가까운 상위요소 검색 selected_label.closest('td').find(".radio_label1").each(function() { $(this).css("background-color","#ddd"); $(this).css("color","#000"); }); selected_label.css("background-color","#2facb2"); selected_label.css("color","#fff"); }); 2023. 3. 8. 이전 1 2 다음