728x90 반응형 Web Programming/Script14 jQuery / $(document).ready(function(){}) 보통 버튼이나 링크를 클릭하면 funtion 메소드(){}; 방식으로 실했하지만, script에서 $(document).ready()의 의미는 페이지가 준비가 완료되면 실행한다는 뜻입니다. 예제 . . . 위의 페이지를 실행시키면 페이지 로드되면 바로 alert창이 등장하게 됩니다. 2021. 6. 21. Uncaught SyntaxError: Invalid or unexpected token 인증번호 인증페이지를 ajax로 띄우는 기능이 잘 동작하다가 어느순간부터 에러와 함께....화면이 등장하지 않았다. Uncaught SyntaxError: Invalid or unexpected token 대부분이 오타로 인해서 발생한다는데 찾기가 쉽지 않다. 이걸로 한시간 찾다.; 2021. 6. 21. jQuery / <input> maxlength 입력하면 자동으로 탭 이동 / keyup(),focus() 회원가입이나 정보를 입력하는 화면에서 입력창에 입력의 최대 길이 만큼 입력하게되면, 다음 입력박스로 이동하는 페이지 만들기 Script 코드부분 $("#idn").on("keyup",function(){ if(this.value.length == 4){ $("#pw").focus(); } }); "keyup"은 키보드가 눌렸다가 올라오는 순간을 말하는 것이다. 만약 #idn에 입력받은 값의 길이가 4라면, 4번째 입력을 받고 키보드에서 손가락이 떨어지는 순간 #pw로 포커스를 옮긴다. 전체코드 ID : PW : keyup에 대한 설명 링크 jQuery keyup, keydown, keypress 차이점, 사용법, 크로스브라우저 사용팁 [펌글입니다] jQuery+키보드 이벤트를 활용하여 프로그램 작성이 필.. 2021. 6. 4. 입력창에 정해진 자릿수를 입력하면 자동으로 다음으로 이동 / maxlength 입력시 .next().focus() html 부분 ... script 부분 "inputs" 클래스명을 가진 input에서 4번째 문자를 keyup(입력이 끝나는 순간) 실행된다. 현재 입력하고 있는 input의 값의 길이가 maxlength 길이와 같다면 현재 입력하고 있는 input의 다음 input으로 focus한다. 전체코드 2021. 6. 4. 이전 1 2 3 4 다음 728x90 반응형
