728x90 반응형 JavaScript5 JavaScript) input type="file" UI 커스텀하기 및 파일명 출력하는법 1. JSP => input file 선언 및 label로 input file 연동 파일 업로드하기 2. CSS => input file을 깔끔하게 커스텀하기위한 CSS 소스 3. JS => 파일첨부 즉 change 시 발생하는 함수 window.onload=function(){ target=document.getElementById('file'); // file 아이디 선언 target.addEventListener('change',function(){ // change 함수 if(target.value.length){ // 파일 첨부인 상태일경우 파일명 출력 $('#originName').html(target.files[0].name); }else{ //버튼 클릭후 취소(파일 첨부 없을 경우)할때 파.. 2023. 1. 18. Javascript) 시간입력(HH:MM) 시 자동으로 콜론(:) 넣는법 및 문자 작성방지 1. JSP 2. JS function inputTimeColon(time) { // 먼저 기존에 들어가 있을 수 있는 콜론(:)기호를 제거한다. var replaceTime = time.value.replace(/\:/g, ""); var hours = replaceTime.substring(0, 2); // 2400->24 var minute = replaceTime.substring(2, 4); 2400->00 //isFinite()를 통해 숫자외 다른 문자가 들어갔는지 체크(문자열이 들어가면 false 값 출력) if(isFinite(hours + minute) == false) { alert("문자는 입력하실 수 없습니다."); time.value = "09:00"; // 문자입력시 자동으로 0.. 2023. 1. 17. [JS] 날짜 계산하는 방법 (월, 일 구하기) 1. 01일~말일까지 계산하는 날짜 var now = new Date(); var year = now.getFullYear(); var month = ("0" + (now.getMonth() + 1)).slice(-2); var date = ("0" + new Date(year, month, 0).getDate()).slice(-2); var firstDay = new Date(year+"-"+month+"-"+"01"); var endDay = new Date(year+"-"+month+"-"+date); firstDay = 2022-06-01 endDay = 2022-06-30 1) getFullYear = 현재 년도를 가져온다 2) now.getMonth()+1 = 해당 월을 가져온다 ( +1 일 .. 2022. 6. 9. [JSP, JS] 글자 수 제한하는 방법 1. JS단 //maxByte = jsp단에 있는 최대 byte수. ex) 50이면 50byte가 maxByte function fnChkByte(obj, maxByte) { var str = obj.value; var str_len = str.length; var rbyte = 0; var rlen = 0; var one_char = ""; var str2 = ""; for(var i=0; i 4) { rbyte += 3; //한글3Byte }else{ rbyte++; //영문 등 나머지 1Byte } if(rbyte maxByte) { // alert("한글 "+(maxByte/3)+"자 / 영문 "+maxByte+"자를 초과 입력할 수 없습니다."); alert("이름은 최대 " + maxByte .. 2022. 5. 17. 이전 1 2 다음 728x90 반응형
