반응형 국비교육8 52일차. 51일차의 유효성검사를 Jquery 스타일로 변경하기 2023.01.03 - [Study/중앙정보처리학원과정] - 51일차. Javascript 회원가입 폼(Form) 유효성 검사하기 51일차. Javascript 회원가입 폼(Form) 유효성 검사하기 Javascript 유효성 검사 오늘은 로그인 폼을 만들고 개발자가 사용자에게 부여할 유효성 검사에 대해서 알아보았다. 우리가 주로 회원가입을 할때 양식을 보면 ID 값을 필수로 입력해야한다던지, yat-ong.tistory.com 오늘은 어제의 회원가입 Form을 Jquery 스타일로 변경하는 코드를 알아보겠다. 회원가입 아이디 비밀번호 비밀번호확인 이름 성별 남 여 전화번호 이메일 @ 직접입력 daum.net naver.com nate.com kakao.com gmail.com 약관동의 See the P.. 2023. 1. 4. 49일차. Jquery Keyup() 이벤트와 Textarea을 이용한 예제 Jquery의 키보드 이벤트인 Keyup() 이벤트는 키보드 이벤트중에 가장 빈번하게 사용되는 이벤트이다. 키보드를 눌렀다 떼는 시점에 발생하는 이벤트이다. 즉, 사용자가 입력하는 글자나 동작을 인식하기에 가장 좋은 이벤트이다. 오늘은 Textarea와 Keyup을 사용하여 사용자가 글자를 입력하고, 그 입력한 글자수를 세어 최대 글자수를 넘어가는 글자 입력시 Alert으로 경고메세지를 생성한후, 초과되는 글자는 지워주는 예제를 알아보겠다. 먼저 TextArea를 생성해주겠다. 그리고 Jquery로 이벤트를 생성해주겠다. 항상 코드를 작성할때 내가 하고자 하는 방향을 생각하고, 먼저 이벤트를 발생시켜야할 요소에 정상적으로 잘 접근하는지 Test를 해보는 습관을 들여야한다. 이곳은 Textarea 입니다 .. 2023. 1. 1. 47일차. Jquery Event On()과 event.stopPropagation() 메서드 On()메서드와 event.stopPropagation() 메서드 Jquery on() 메서드는 선택한 요소(Elements)와 자식 요소에게 하나 이상의 이벤트를 연결한다. 기본 문법으로는 on("이벤트명",동작(함수)); /*1개 적용시*/ on({key(여기서 key에 event명):value(동작 수행할 function),{key(여기서 key에 event명):value(동작 수행할 function)}); /*다중 적용시*/ 1개의 이벤트를 적용할때도 사용이 가능하고, 여러개의 이벤트를 Map 형식의 Key:value 형식으로 지정해서 한번에 나열할수도 있다. See the Pen Untitled by codeJo (@yatong) on CodePen. 코드를 보자. 우선 Jquery의 기본문법의.. 2022. 12. 30. 40일차(1). Request SendRedirect와 <JSP:forward와 param> 3일동안 날 괴롭히던 이클립스(?) 오류를 드디어 복구했다... 정상적이라면 지금쯤 43일차 포스팅이 이어져야했지만 갑자기 이클립스가 객사(?)하는바람에 고치고 오느라 포스팅이 늦어졌다. 결과적으로 오류가 난 이유는 몰라도 해결은 했고. 해당 오류를 수정해 나가는 과정은 시간이 되면 정리해서 포스팅 하겠다. sendRedirect 와 JSP:forward 우리는 수많은 페이지 이동을 통해 정보를 서버와 주고 받고 또한 넘겨주고 하며 살아가고 있다. 예를들어서 우리가 어느 홈페이지에 가서 회원가입을 하고, 로그인을 하고 이러한 행동 하나하나 사이에 Parameter가 Page가 이동되는동안 함께 이동되며 그 Parameter를 가지고와 전환된 Page에서 사용자의 정보를 뿌려주거나, 장바구니의 목록을 보여.. 2022. 12. 23. 이전 1 2 다음 반응형
