LOGIN할 때 아이디, 비번 입력 여부 체크하기

Slides:



Advertisements
Similar presentations
W3000 제 품 제 안 서.
Advertisements

CHAPTER 10. DOM과 이벤트 처리, 입력 검증.
제 1장 자바스크립트란 ?.
CHAPTER 11. 자바스크립트와 캔버스로 게임만들기.
10장 회원 가입과 로그인 한빛미디어(주).
09장 실습 웹 사이트 소개와 회원가입 페이지 제작.
MEAN Stack Front to Back (MEANAuthApp)
Chapter14 위치 정보 & 모바일 HTML5 Programming.
웹 2.0 및 Ajax 개요.
AJAX 기본중의 기본 xmlhttprequest
12장. JSP에서 자바빈 활용 제12장.
7. JavaBeans 프로그래밍 JavaBeans JavaBeans 만들기 빈을 이용한 회원가입 양식 작성하기 빈 작성
데이터 관리의 모든 것 데이터 최적화하기 데이터 정렬하기 자동 필터와 고급 필터
채팅 서버 만들기 10장 Do it! Node.js 프로그래밍 이지스퍼블리싱 제공 강의 교안 2017/03
8장 쿠키와 세션.
Project No 김현수 최종 작성일 :
명품 웹 프로그래밍.
2 서블릿의 기초.
10장. 에러 처리 제10장.
01. Index StarPlayer API Guide 01. Index 02. 상수값 정의 03. API 정의
Chapter 04. 웹 보안 : 웹, 그 무한한 가능성과 함께 성장한 해킹
Web Server와 DB 연동.
HTML CSS 자바스크립트 무작정 따라하기
APM (Apache+PHP+MySQL)
제 15 장 파일 업로드와 메일 보내기 학기 인터넷비즈니스과 강 환수 교수.
4 쿠키와 세션.
2. PHP 프로그래밍 웹 브라우저로 데이터 전송 주석 작성하기 변수/상수 문자열/숫자형 HTML 폼 만들기
JavaScript.
명품 웹 프로그래밍.
AJAX 커머스아이 박준열.
간단한 이벤트 연결 jQuery 단축 이벤트 메서드 사용법
jQuery Chapter 12 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다.
Software Engineering Project
5. JSP의 내장객체1.
JQuery Mobile #3-1 Jeon Yong ju.
문항 제작, 유형 및 분석 윤장민 권애란 민선경 정혜민.
4. JSP의 스크립트 요소 Script 요소의 이해 선언문(Declaration) Scirptlet 표현식 주석
8 데이터베이스 사용하기.
12 데이터베이스 사용하기.
AngularJS Tutorial 중부대학교 이병천 교수
저수준의 시각적 효과 jQuery의 기본 효과.
Web Socket.
HTML5 웹 프로그래밍 입문 (개정판) 9장. 자바스크립트 객체와 DOM.
프로그래밍 원리 Chapter 05 자바스크립트 기초 신한대학교 IT융합공학부 박 호 균.
BIZSIREN 실명확인서비스 개발 가이드 서울신용평가정보㈜ 신용조회부 (TEL , FAX )
낮과 밤 알아보기 슬기로운 생활 2학년 1학기 4. 빛과 그림자>낮과 밤( 4/8 )
HTML.
충북대학교 데이터베이스 & 정보시스템 연구실 정 태 성
개요 설립 배경 및 목적 • 정부는 2005년 전면 발효된 “생명윤리 및 안전에 관한 법률”에 근거, 개인의 유전정보 보호와 근거없는 유전자검사의 상업적 이용 제한, 유전자검사기관의 정확도를 관리하는 장치를 만들었다. 한국유전자검사평가원은 정부로부터 유전자검사기관에 대한.
Chapter11 웹 스토리지 & 웹 데이터베이스
JavaScript COOKIE Chapter 10 Part III
JavaScript 기초 Chapter 8 Part II
HTML CSS 자바스크립트 무작정 따라하기
상품등록 방식 비교 년 4월 23일 (주)에이치케이넷츠.
Data Base Web Programming
입력양식 객체.
Chapter13 파일 접근 & 오프라인 접근 HTML5 Programming.
명품 웹 프로그래밍.
1장. HTML5 소개 To Flash 정보영재세미나 1 김태영교수님 홍창의.
17장 웹 사이트 제작 완성 한빛미디어(주).
JavaScript 객체(objects)
Spring Security 2015 Web Service Computing.
세션 (Session) Yang-Sae Moon Department of Computer Science
온라인 교육지원 시스템 (Moodle) 학생 매뉴얼
HTML HTML 기본 구조와 태그 다양한 태그 다루기
Data Base Web Programming
서술형 평가 확대 한국교육과정평가원 김 소 영.
Web & Internet [10] 입문 – input 태그
품사 분류의 기준과 실제.
9/25/2019 캐논볼과 슬링샷.
Presentation transcript:

LOGIN할 때 아이디, 비번 입력 여부 체크하기 요구사항 <form>과 <input>을 사용하여 아이디와 암호 입력창을 만든다. 아이디가 입력되지 않으면 경고창을 띄우고, 커서를 아이디 입력창에 위치 시킨다. 암호가 입력되지 않으면 경고창을 띄우고, 커서를 암호 입력창에 위치시킨다.

프로그램 설계-1 (FORM 문 작성) <body> <form method=get action=activate.php > <p>아이디: <input type=text id=userid name=userid></p> <p>암호: <input type=password id=passwd name=passwd></p> <p><button type=submit >LOGIN</button> </form> </body>

프로그램 설계-2 (자바스크립트 함수) document.getElementById(“userid”).focus(); 아이디 입력값 가져오기 아이디 입력창에 커서 위치시키기(focus) var userid; userid = document.getElementById(“userid”).value; document.getElementById(“userid”).focus();

프로그램 설계-3 (return 값 설정) <form action=activate.php onsubmit="return checkValue()"> <script> function checkValue() { if(error) return false; return true; } </script> 함수의 return 값이 true이면 activate.php가 실행되고, return 값이 false이면 넘어가지 않는다.

validation.html <!doctype html> <html> <head> <script> function checkValue() { var userid = document.getElementById("userid").value; var passwd = document.getElementById("passwd").value; if(userid=="") { alert("아이디를 입력하세요"); document.getElementById("userid").focus(); return false; } if(passwd=="") { alert("암호를 입력하세요"); document.getElementById("passwd").focus(); return true; </script> </head>

validation.html <body> <form method=get action="http://cslab2.kku.ac.kr/~sunwoo/action_page.php" onsubmit="return checkValue()"> <p>아이디: <input type=text id=userid name=userid></p> <p>암호: <input type=password id=passwd name=passwd></p> <p><button type=submit >LOGIN</button> </form> </body> </html>