전체 글

• 제이쿼리 readonly 속성 주기

  Web Programming 2023. 2. 6. 00:02

  제이쿼리로 readonly 속성 값 주기 !! $('#아이디').attr("readonly", false); $('#아이디').attr("readonly", true); 모든 input 에 적용 $("input").attr("readonly", true); input 입력 못하게 할 경우 사용. 대신 submit 후 submit 중 실패가되 면 기존 값이 사라짐.

  Read More
• 자바스크립트 오늘 날짜 입력

  Web Programming 2023. 2. 5. 16:18

  자바스크립트로 오늘 날짜 입력시켜주기 !! document.getElementById('아이디').value = new Date().toISOString().substring(0, 10); // 결과 2022-02-26

  Read More
• 제이쿼리 input 입력시 공백 자동 제거

  Web Programming 2023. 2. 5. 16:18

  제이쿼리로 input에 내용 입력 시 공백 자동 제거해주기 !! input txet만 입력시 공백 자동 제거 $("input[type=text]").on({ keyup : function() { var trimText = $(this).val().replace(/ /gi, ''); $(this).val(trimText); } });

  Read More
• 자바스크립트 함수 실행 오류 - 문자열 '' 누락

  Web Programming 2023. 2. 5. 16:17

  자바스크립트로 함수 실행 시 함수의 사용한 변수 오류 !! 문자일 경우 반드시 '' 써줘야함.

  Read More
• 자바스크립트 종료일 시작일 체크

  Web Programming 2023. 2. 5. 16:17

  자바스크립트로 날짜 종료일 시작일 체크해주기 !! function commonWorkBiz() { var stdt = document.getElementById("아이디1"); var endt = document.getElementById("아이디2"); if(endt.value != '' && stdt.value > endt.value) { alert("종료일이 시작일보다 빠릅니다.\n\n다시 입력해 주십시오."); stdt.value = ""; endt.value = ""; stdt.focus(); } }

  Read More
• input 에 자동계산을 돌릴때 NaN 및 infinity 를 계산중... 으로 표기

  Web Programming 2023. 2. 5. 16:17

  input 에 스크립트로 자동계산을 돌릴때 NaN 및 infinity 를 계산중... 으로 처리해주기 !! // 소수점 둘째자리 까지만 보이게 var setOne = Number($("#아이디1").val().replace(/[^0-9]/g,''))/Number($("#아이디2").val().replace(/[^0-9]/g,''))*100 if(isFinite($("#결과아이디").val(setOne.toFixed(2))) == false){ $("#결과아이디").val("계산중..."); // 결과 } if($("#아이디2").val().replace(/[^0-9]/g,'') != '' && $("#아이디1").val().replace(/[^0-9]/g,'') != ''){ if($("#아이디2").v..

  Read More
• input 파일 업로드시 체크

  Web Programming 2023. 2. 5. 16:16

  input 타입이 파일인 업로드시 체크해주기 예시 !! function uploadExcel(){ if($("#upFile").val() == ''){ alert("업로드 할 엑셀 파일 먼저 첨부 바랍니다."); }else if( $("#upFile").val() != "" ){ var ext = $('#upFile').val().split('.').pop().toLowerCase(); if($.inArray(ext, ['xls','xlsx']) == -1) { alert('등록 할수 없는 파일명입니다. 엑세 파일만 선택 바랍니다.'); $("#upFile").val(""); // input file 파일명을 다시 지워준다. return false; }else{ var frm = $("#uploadFrm..

  Read More
• 리스트 th 에 체크박스 전체 선택 및 개별 선택

  Web Programming 2023. 2. 5. 16:16

  리스트 th 에 체크박스 전체 선택 및 개별 선택 하는 예시 !! function dataAllChk(){ //전체 체크 var thisChk = $("input:checkbox[id='allChkDataNo']"); var chkboxData = $("input:checkbox[name='dataNoArr']"); if(thisChk.prop("checked") == true){ chkboxData.prop("checked", true); }else{ chkboxData.prop("checked", false); } }

  Read More