반응형

키 입력 3

[JQUERY] 입력폼의 유효성 체크하기 두번째

입력폼에 입력되는 값의 유효성 체크하기 두번째 입력폼으로 입력되는 값들의 유효성을 체크한다.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..

[JQUERY] 입력폼의 유효성을 체크하자

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

[JQUERY] 텍스트 필드에 어떤 키가 입력되었는지 확인하기

텍스트 필드에 어떤 키가 입력되었는지 확인하기 텍스트 필드에 어떤 키가 입력되었는지 확인하기1. 샘플예제 이름 : - 결과화면 2. 소스코드 이름 : 3. 설명 키보드의 키를 누르면 동작하는 이벤트 핸들러를 생성한다.이벤트 핸들러에 입력된 키보드 키값의 코드 값을 표시한다 참고 Jquery API : http://api.jquery.com/keypress/ http://api.jquery.com/keyup/http://api.jquery.com/keydown/- keypress( handler ) : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 누르면 이벤트 핸들러가 실행됩니다.- keyup( handler ) : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 눌..

반응형