남익의 생활

입력폼에 입력되는 값의 유효성 체크하기 두번째 입력폼으로 입력되는 값들의 유효성을 체크한다.1. 샘플예제 사용자 ID : 전화번호 : 날짜 : - 결과화면 2. 소스코드 사용자 ID : 전화번호 : 날짜 : 3. 설명 입력값의 유효성을 RegExp() 함수를 선언하여 체크한다. - 사용자 아이디는 숫자와 문자, "_"기호만 입력이 되도록 체크한다. - 전화번호는 숫자와 "-", "+"기호만 입력되도록 체크한다. - 날짜는 mm/dd/yyyy 또는 mm-dd-yyyy으로만 입력되도록 체크한다. 참조 API( RegExp ) https://www.w3schools.com/js/js_regexp.asp http://www.nextree.co.kr/p4327/ https://developer.mozilla.or..

입력폼의 유효성을 체크하기 입력 폼의 유효성을 체크 한다.1. 샘플예제 사용자 ID : 사용자 나이 : - 결과화면 2. 소스코드 사용자 ID : 사용자 나이 : 3. 설명 1) 사용자 아이디와 나이를 입력받을 입력폼을 생성한다. 2) submit 버튼을 클릭하면 실행될 유효값 체크 이벤트를 생성한다. : 사용자 아이디 폼은 입력 여부 판단. : 사용자 나이 폼은 입력 여부 판단 및 숫자만 입력되어있는지 확인, 5~99까지의 숫자만 입력 여부 판단. - val() : 해당 엘리먼트의 입력값을 가져오거나 설정한다. - text() : 해당 엘리먼트의 텍스트를 가져오거나 설정한다. JUQERYAPI val() : http://api.jquery.com/val/ text() : http://api.jquery..

마우스의 이벤트를 처리한다. 특정 마우스의 이벤트를 처리한다.1. 샘플예제 Bold button Italic button - 결과 화면 [특정 버튼위에 마우스가 위치한 경우] [버튼을 마우스 오른쪽 버튼으로 클릭한 경우] [버튼을 마우스 왼쪽 버튼으로 클릭한 경우] 2. 소스코드 Bold button Italic button 3. 설명 해당 버튼에 마우스 관련된 이벤트를 설정하여 bind() 한다. 마우스 버튼이 클릭되었을 때 event.button 이 0 인 경우 마우스 좌측, 2 인 경우 마우스 우측 으로 설정한다. 마우스가 해당 버튼 위에 위치하게 되면 이벤트를 처리한다. - bind(eventType, data, handler) : eventType는 이벤트의 타입을 지정하는 문자열로써 click..