본문 바로가기

분류 전체보기

(48)
javascript에서 formData append 확인법 javascript에서 formData에 데이터를 append하는 경우 console.log에서 formData를 아무리 찍어도 나오지않는다. 이런경우 아래같이 for문을 돌리면 확인가능하다. //javascript 에서 formData append 확인 방법 for (var pair of formData.entries()) { console.log(pair[0] + ": " + pair[1]); } formData.append 이후 데이터를 확인하고 싶을 때 사용하면 유용할 듯하다
javascript 로딩 프로그래스바 xhr 을 이용하여 로딩 진행도 가져왔다. upload ajax에 적용 //프로그래스라벨 html 추가 let progressLabel = $(''); //업로드함수 호출 uploadFile(file, progressLabel); // 파일 업로드 함수 function uploadFile(file, progressLabel) { var formData = new FormData(); formData.append('file', file); $.ajax({ url: '/file_upload', type: 'POST', data: formData, processData: false, contentType: false, xhr: function() { var xhr = new XMLHttpRequest(); x..
javascript 백슬래시 처리 //백슬래시 뒤에 \ 추가 tartgetString.replace(/\\/g,"\\\\"); //백슬래시 제거 tartgetString.replace(/\\/g,""); 백슬래시를 문자열처럼 추가하기 위해서 윗처럼 추가하여 사용 제거하는 경우는 아래처럼 사용
javascript 파일다운로드 다운로드 받을 파일경로를 알고있을 경우 script로 파일 다운로드 코드 /** * @param uri 다운로드 파일 경로 * @param name 다운받을 파일 명 */ function fileDownload(uri, name){ let link = document.createElement("a"); link.setAttribute('download', name); link.href = uri; document.body.appendChild(link); link.click(); link.remove(); }
각종 정규식 체크 회원가입이나 주민번호, 이메일체크 등 에 사용 할 정규식 모음 let name_reg_exp = /^[a-zA-Z가-힣]+$/; //이름 체크 영어 대소문자 및 한글만 허용 let id_reg_exp = /^[a-z][a-z0-9]{3,15}$/; //아이디 체크 영어 대소문자 및 숫자만 허용, 길이 3~15자 제한 let pw_reg_exp = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}/; //비밀번호 체크, 영어 대문자와소문자 하나 이상, 숫자 하나 이상, 특수문자 하나이상, 최소8자 let nick_reg_exp = /^[a-zA-Z가-힣0-9]+$/; //닉네임 체크 영어 대소문자, 한글, 숫자 허용 let acc..
input박스 숫자만 입력설정 방법 결론부터 얘기하자면 3번 방법인 replace함수를 사용하는게 가장 좋다고 생각한다 ​ 1. input 박스 type을 number로 설정 가장 심플하지만 애매하다. 브라우저에 따라 input 박스에 증감 버튼이 생긴다. 맘에 안듬. 2. 입력된 key값 체크 키 이벤트를 체크하여 텍스트 입력을 받는 방법이다. 1번 방법의 단점은 복사 붙여넣기를 캐치할 수 없다는 점. 2번 방법은 숫자가 순간 보였다가 사라진다는 점. ​ 3. oninput 이벤트 이용, replace와 정규식 활용 oninput 은 input의 값이 변경될 때 발생한다. oninput 이벤트 발생시 value값을 정규식과 replace 함수를 사용하여 바꿔준다. 복사 붙여넣기도 걸러 낼 수 있어서 가장 애용하는 방법이다. /[^0-9...
주민/외국인 등록번호 검사 // 주민/외국인 등록번호 검사 function validRegistrationNumber( rn, type ) { rn = rn.split("-").join(''); if( rn.length !== 13 ) return false; let checkSum = 0; for(var i=0; i>0)*((i%8)+2)); let rrnMatch = (11-(checkSum%11))%10 == rn.substr(12,1); let frnMatch = (13-(checkSum%11))%10 == rn.substr(12,1); if( type === 'rrn' ) return rrnMatch; else if( type === 'frn' ) return frnMatch; else return rrnMatch || ..
라디오버튼 check속성 라디오버튼의 선택을 변경할 때 생겼던 일이다. 버튼을 눌러서 라디오버튼을 추가하는 간단한 작업을 진행했는데 분명 페이지의 소스상에서 radio버튼 속성에 checked가 있음에도 불구하고 라디오버튼은 선택되지않은 채 추가되는 상황이 반복되었다. ​ 그 이유는 기존 checked가 기본적으로 붙어있는 라디오버튼을 복사하여 이름만 바꿔 붙여넣는 상황때문에 발생하였다. ​ 왜인지는 정확히 모르겠지만 check 속성이 들어가있는 상태에서 태그를 복사하여 javascript로 html에 추가하게 되면 화면에서는 선택이 안된 상태로 라디오가 추가 되는 것이였다. var row = $('.row_perform').last().clone(); $(row).find("input:radio[name*='file_"+cnt..

반응형