본문 바로가기

전체 글

(49)
체크박스 전체선택 및 선택삭제 체크박스를 전체 선택하고 삭제버튼 누를시 선택한 리스트 삭제하는 코드 html 부분 //전체선택버튼 //리스트쪽 체크박스 javascript 부분 //체크박스 전체 선택 function chk_all(){ if($("#checkbox_all").is(":checked")){ $('.list_check').prop('checked', true); }else{ $('.list_check').prop('checked', false); } } //선택라인 모두 삭제 function chk_remove(){ $.each ($('.list_check'), function (index, value) { let obj = $(value); if(obj.is(":checked")){ let tr = obj.parent(..
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 || ..

반응형