본문 바로가기

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.