JavaScript | jQuery
-
[new Date] Chrome에서 동작하고 IE, Safari에서 동작하지 않는 현상JavaScript | jQuery/Cross Browsing 2022. 5. 31. 14:59
new Date 사용예시 chart.js 적용 중, 그래프의 x축 value의 형식은 new Date였다. Chrome에서 정상동작하였지만, IE(11)에서 수많은 NaN을 뱉어내며, 그래프를 그려내지 못했다. 한참을 검색했지만, 원인은 생각보다 간단했다. 날짜형식에 "-"가 포함되면, IE 및 Safari에서 정상적으로 값을 읽어오지 못한다. ( 예외: 시분초가 포함되지 않은 형태 'yyyy-MM-dd' 는 IE에서도 정상동작 한다고 한다. ) 1. Code var testDate_1 = "2022-05-31 13:13:13"; console.log(new Date(testDate_1)); var testDate_2 = "2022/05/31 13:13:13"; console.log(new Date(te..
-
[JavaScript | jQuery] Checkbox 선택된 Row의 다른 값 가져오기JavaScript | jQuery/Table 2022. 5. 25. 13:42
- 지난 게시글의 내용을 응용하여, Checkbox가 선택된 Row()의 다른 값()을 가져오는 방법에 대해 기술한다. https://egurishun.tistory.com/22 [Javascript] Checkbox 하나만 선택되게 하기 - 일반적으로 Table에서 하나만 선택되도록 구현하려면 Radio 버튼을 주로 사용한다. 하지만, 기획 또는 UI 등의 이유로 불가피하게 Checkbox를 사용하여 하나만 선택되는 기능을 구현하는 경우에 대 egurishun.tistory.com 1. Code function checkBoxSelect(element) { var obj = document.getElementsByName("test"); for (var i = 0; i < obj.length; i++)..
-
[Javascript] Checkbox 하나만 선택되게 하기JavaScript | jQuery/Table 2022. 5. 25. 11:35
- 일반적으로 Table에서 하나만 선택되도록 구현하려면 Radio 버튼을 주로 사용한다. 하지만, 기획 또는 UI 등의 이유로 불가피하게 Checkbox를 사용하여 하나만 선택되는 기능을 구현하는 경우에 대해 그 방법을 기술한다. 1. forEach 문법 사용 function checkBoxSelect(element) { const checkboxes = document.getElementsByName("test"); checkboxes.forEach((cb) => { cb.checked = false; }) element.checked = true; } 1) 크롬 / Edge : 정상 동작 > Checkbox 하나만 선택됨 2) IE 11 : 비정상 동작 > Checkbox 중복 선택됨 - forEa..
-
[jQuery] 윈도우 팝업창 부모창 제어JavaScript | jQuery/Popup 2022. 5. 17. 15:02
1. 자식창에서 부모창으로부터 value 가져오기 var parentValue = opener.document.getElementById("parentId").value; 2. 자식창에서 부모창의 함수 실행 opener.parent.parentFunction(); 3. 자식창에서 부모창 새로고침 window.opener.location.reload(); 4. 현재창(자식창) 새로고침 window.location.reload(); 5. 현재창(자식창) 닫기 window.close();
-
[jQuery] 파일 확장자, 용량 체크JavaScript | jQuery/Validation 2022. 5. 17. 11:20
- 작성자의 경우 파일첨부 상태 변화를 감지해야 되는 상황이라 'change' 이벤트 핸들러 안에 작성하였다. var test = function() { (function() { $('#_testFile').on('change', function() { if ($('#_testFile').val() != '') { // 1. 첨부된 파일 확장자 체크 var ext = $('#_testFile').val().split('.').pop().toLowerCase(); if ($.inArray(ext, ['jpg', 'jpeg', 'gif', 'png']) == -1) { $('#_testFile').val(''); alert(".jpg / .jpeg / .gif / .png 파일만 업로드 할 수 있습니다.")..
-
[jQuery] 첨부된 파일의 특수문자 체크JavaScript | jQuery/Validation 2022. 5. 17. 10:37
function checkFile() { var fileCheck = $("#file").val(); var pattern = /[\{\}\/?,;:|*~`!^\+@\#$%&\\\=\'\"]/gi; var fileName = fileCheck.split('\\').pop().toLowerCase(); if(pattern.test(fileName) ){ alert('파일명에 특수문자가 포함되어 있습니다.'); } }