본문 바로가기

개발하는 '정'/JS15

[JQUERY] datalist change 값 받아오기 > JQUERY datalist change 값 받아오기 $(document).on('change', 'input', function(){ var options = $('datalist')[0].options; var val = $(this).val(); for (var i=0;i 2022. 9. 7.
[JQUERY] An invalid form control with name='' is not focusable. 원인 selectbox 선택 값에 따라 input 박스가 나타나거나 사라지는 기능 작업 중에 An invalid form control with name='' is not focusable. 오류가 발생했다. (개발자 도구에서 확인 가능) 원인부터 말하자면 display가 none인 필드가 required 속성을 가지기 때문이다. 보이지 않는데 필수 속성인게 문제라는 것. 문제의 소스는 아래와 같다. 분류를 선택하세요 AAA BBB class=""> category 선택값이 aaa로 변경되었을 때 box1이 보이게 한 코드이다. input 속성을 보면 맨처음 해당 페이지에 접속했을 때 category 값에 따라 required 여부를 지정한다. 여기에 category 변경 값에 따라서도 required 여부를.. 2022. 8. 8.
[javascript] KCP 본인인증 모바일 window.opener 작동 문제 해결 [javascript] KCP 본인인증 모바일 window.opener 작동 문제 해결 개발 환경 : PHP + 그누보드 테스트 환경 : IOS 사파리, 크롬 문제점 : 모바일 브라우저에서 그누보드 본인확인 플러그인 kcpcert의 window.opener, window.parent 가 작동 안 됨 ( window.parent.$ is not a function .. 오류 발생 ) 해결 방법 : window.opener, window.parent.$(~) 를 opener.document.getElementById(~) 로 변경 ( rel noopener를 적용해야한다는 글도 봤는데 이번 경우에는 rel로 해결되지 않았다.. ) 변경 파일 : /mobile/skin/member/basic/register_.. 2021. 6. 3.
[Javascript] 팝업창 하루 동안 보지 않기 구현 [Javascript] 팝업창 하루 동안 보지 않기 구현 HTML 코드 하루동안 보지않기 [닫기] Javascript 코드 $(document).ready(function () { $('.popup').show(); cookiedata = document.cookie; if ( cookiedata.indexOf("popup_1=done") < 0 ){ //쿠키 변경 여부 불러오기 document.all['popup_1'].style.visibility = "visible"; } else { document.all['popup_1'].style.display = "none"; } PopupBgDisplay(); }); function PopupNoDisplay_1() { setCookie("popup_1".. 2020. 12. 16.
[javascript] 결제 시 포인트 적용 기능 구현 [javascript] 결제 시 포인트 적용 기능 구현 자바스크립트로 결제 시 포인트 적용 기능 구현해보고 있다. 체크박스 체크 여부 가져오기와 input 입력 값 비교, input 값 변경 등의 기능이 활용되었다. 실행 먼저 해보기👇 1. 필요한 변수 : 결제금액, 사용 가능한 포인트, 사용 가능한 최소 포인트, 포인트 사용 단위 2. 구현할 기능 -1) 체크박스 체크 시 포인트 전체 사용, 체크 해제 시 원복 -2) 입력값이 최소 포인트보다 적으면 사용 불가 -3) 입력값에 대한 사용 단위 적용 -4) 값 입력 시 사용 가능 포인트, 남은 포인트, 최종 결제 금액 차감 html 코드 결 제 금 액 원 포 인 트 사용가능 포인트 : p 포인트 사용 포인트는 최소 p부터 p단위로 사용 가능합니다. p (.. 2020. 12. 7.
[jquery] jquery로 a 태그 target 변경하는 방법 + 보안 문제 [jquery] jquery로 a 태그 target 변경하는 방법 + 보안 문제 jquery로 a태그의 타겟을 설정 혹은 변경하는 방법과 보안 취약점에 대하여 알아보기 [ 타겟 종류 ] 타겟 종류는 self, blank, parent, top, framename이 있다. 속성 설명 _self 현재 창에 열기 (기본) _blank 새 창이나 새 탭으로 열기 _parent 부모 창에 열기 _top 가장 상단 창에 열기 "framename" 특정 프레임 창으로 열기 [ 타겟 설정 방법 ] 타겟이 설정되어있지 않은 a태그가 div 태그 안에 있다고 가정해보자. 타겟이 설정되어있지 않으면 기본 값인 _self로 설정된다. 주앤정 블로그 방법 1. jquery로 타겟 설정 a 태그를 감싸고 있는 div 태그의 아이.. 2020. 11. 19.
반응형