본문 바로가기

jQuery5

[JQUERY] onClick, onChange 동적 추가 및 삭제 jquery onClick, onChange 동적 추가 //추가 $("#tagName").on({ "change" : function() { //function }, "click" : function() { //function }, }); $("...").onChange({..}) 과 같이 따로 사용할 수도 있다. 삭제는 off를 쓴다. //삭제 $("#tagName").off("click"); $("#tagName").off("change"); 2024. 1. 20.
jquery input 비밀번호 표시, 숨김 기능 구현 jquery input 비밀번호 표시, 숨김 기능 구현 아래와 같이 로그인이나 회원가입 시에 비밀번호를 표시하거나 숨기는 기능을 사용하곤 한다. input password를 사용하면 쉽게 처리할 수 있다. 1. type이 password인 input과 비밀번호 표시/숨김 버튼을 생성한다. 비밀번호 표시 이 때, 버튼 onClick에 비밀번호 표시/숨김 함수를 포함한다. 2. jquery로 비밀번호 표시/숨김 함수를 작성한다. function showPwd(e) { if ($(e).text() == "주민번호표시") { $("#pwd").attr('type','text'); $(e).text("주민번호숨김"); } else { $("#pwd").attr('type','password'); $(e).text.. 2023. 10. 12.
JQUERY 두 테이블 간에 <tr> 주고 받기 JQUERY 두 테이블 간에 주고 받기 테이블이 두개있을 때, 각 테이블끼리 tr을 주고 받는 기능을 jquery로 구현해보았다. tr 위치 이동은 1번 테이블의 tr을 2번 테이블로 이동시킨다는 의미로 사용하였다. * 예시 아래와 같이 구조가 동일한 테이블이 있다고 가정한다. 번호 이름 1 A 2 B 번호 이름 3 C 4 D jquery는 아래와 같이 구성된다. function moveItem(e, val) { var tbl1 = $(e).parents('table').attr('id'); var tbl2 = ''; if (tbl1 == 'table_A') tbl2 = 'table_B'; else tbl2 = 'table_A'; $('input[type="checkbox"]').prop('checked.. 2023. 8. 22.
[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.
[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.
반응형