개발노트

//비동기식 유효성 검증 $(document).ready(function(){ //한글 이름 검사 $('#kor_name').on('change keyup paste',function(){ if($('#kor_name').val() == ''){ alert('한글이름을 입력해주세요.'); $('#kor_name').focus(); return false; } if(!getKorName.test($('#kor_name').val())){ alert('한글이름은 한글로만 입력해주세요.'); $('#kor_name').val(''); $('#kor_name').focus(); return false; } }); }); alert은 또는 등의 태그의 val값을 변경하여 실시간으로 유효성처리를 해준다. retur..

return type이 String ( redirect:/url ) 또는 ModelAndView 와 같은경우 response를 통한 PrintWriter가 먹지않는다. alert이 실행되자마자 바로 페이지가 리턴받은 주소로 이동되기 때문이라고 판단된다. 유의하자!

function allCheck(){ if($('#allcheck').prop('checked')){ $('input[name=check]').prop('checked',true); }else{ $('input[name=check]').prop('checked',false); } }

//주민번호 잘라서 넣어주기 $(document).ready(function(){ var jumin = $('#jumin_nof'); jumin.on('change',function(){ var jumin_nof = $('#jumin_nof').val(); var year = jumin_nof.substring(0,2); var month = jumin_nof.substring(2,4); var date = jumin_nof.substring(4,6); $('#birth1').val(year); $('#birth2').val(month); $('#birth3').val(date); }); });

//스크립트단 코드 //이미지 미리보기 function LoadImg(value){ if(value.files && value.files[0]){ var reader = new FileReader(); reader.onload = function(e){ $('#loadImg').attr('src', e.target.result); } reader.readAsDataURL(value.files[0]); } }

감추고~ for를 통해서 누르고~

기초를 튼튼하게!

입사 첫 과제에서 FrameSet 태그를 통해 화면 일부만 전환되게 하였다. 특정 프레임의 name값에 접근하여 화면일부를 변동시켜주는 소스. 기본정보

스크립트에서 get방식으로 컨트롤러로 보낸후 ModelAndView객체에 담아 다시 스크립트로 받아 구현할때 사용함. $(document).ready(function(){ $('#likeBob').trigger('click'); $('#createBob').trigger('click'); });